DevExtreme HTML/Markdown Editor – Multiline Toolbar (v20.1)

DevExtreme Team Blog
04 June 2020
As you may know by now, our major update (v20.1) ships with a new Multiline Toolbar option for the DevExtreme HTML/Markdown Editor. When used, the HTML/Markdown Editor arranges its toolbar items across multiple lines based upon available space width. New lines can be added/removed automatically when a user resizes their web-browser's window or changes to a mobile device orientation.

Configuration

You can enable or disable our Editor’s Multiline Toolbar Mode via the new toolbar.multiline option:
{
    toolbar: {
        multiline: true
    }
}
Note: We enabled this new mode by default, since it improves overall usability. If you wish to rollback to our old Overflow Menu Mode, simply set the toolbar.multiline option to ‘false’. Please refer to the following ticket for more code examples: T873435 - HTMLEditor - Multiline toolbar mode is used by default.

Further Enhancements

We are currently considering improvements to toolbar item group configuration and associated behaviors. We may introduce a simplified configuration API and allow you to move grouped items together to a new line. We are looking forward for your thoughts on this. Please comment below at your convenience.

Feedback

Please visit our updated Widgets Gallery and test-drive the new Multiline Toolbar Mode and let us know what you think. If you have any questions or suggestions, please take part in our HTML Editor discussion on GitHub: HTMLEditor - Multiline Toolbar.

Showcase Your Apps on DevExpress.com

Highlight your business app and share your development experiences with the DevExpress community. To include your app in our upcoming App Showcase, please forward an application screenshot to clientservices@devexpress.com and tell us which DevExpress products you currently use within your organization.
4 comment(s)
Rogerio Furtado
Rogerio Furtado
Excellent!!!
4 June 2020
Jose Isga
Jose Isga
Great!!! Thank you.
4 June 2020
Mark Holmes
Mark Holmes
Will multi-line functionality be implemented with the stand alone toolbar?
4 June 2020
Alexander Zi (DevExpress)
Alexander Zi (DevExpress)
@Rogerio Furtado @Jose Isga @Mark Holmes
Thank you for your feedback!

@Mark Holmes
At the moment, in a standalone Toolbar, this functionality is available only via a private API and will unlikely become public in v20.2. Nevertheless, we are collecting user feedback on it to publish this feature in further product updates. If you need it right now, I'll be happy to learn about your usage scenarios and help you enable it. Your feedback would be valuable. So, I invite you to our Support Center to share your requirements on this feature. Any other suggestions related to our Toolbar are also welcome.
5 June 2020

Please login or register to post comments.