search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Modal Button Order

Asked by Tomás Santos
1 month ago.


Is it possible to switch the order of how the buttons “Cancel” and “Ok” are displayed in the modal? So instead of “Ok | Cancel” it displays “Cancel | Ok”.

Also, if possible I would like to use icons for the text, issue is, the icons I use are React components, not images, which causes them to be displayed as “[Object, Objectc]”.


Answer posted by Dan Letecky [DayPilot]
1 month ago.

The button order is fixed but you can change it using custom CSS:

.modal_default_buttons {
    display: flex;

.modal_default_ok {
    order: 2;

.modal_default_cancel {
    order: 1;

You can add images using raw HTML (React components are not supported at the moment, unfortunately) or using CSS as background images.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.