Modal Button Order

Asked by Tomás Santos
10 months ago.

Hello,

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]”.

Thanks.

Answer posted by Dan Letecky [DayPilot]
10 months 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.

Modal Button Order

Products

Learn

Get Support

DayPilot Pro