Modal Button Order

Asked by Tomás Santos
4 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]
3 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