Modal Dialog on left or right side

Dash Python
1

Is it possible to set the postion of a dbc.Modal on the left or right side of the page? I need this to have two open modal dialogs on the left and the right side in some scenarios. Is it also possible to make the modal larger than the size setting “xl” ?

2

Having multiple modals is not going to be easy, they’re designed to overlay all content, so having two appear at the same time will cause some kind of conflict.

Making the modal larger is easy though. Just set maxWidth in the style argument like this

dbc.Modal(
    [dbc.ModalHeader("Header"), dbc.ModalBody("Body")],
    is_open=True,
    style={"maxWidth": "calc(100% - 20px)"},
)
1 Like
3

ah nice thank you. And is there any way to have two euqal sized columns in a Modal Header?