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.

Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.
No Comments

Please login or register to post comments.