UI Builder Modal - set CSS to modify modal width

Bernard Esterhu · ‎10-13-2023

I'm trying to set some CSS for a modal component. I would like the modal to have a width of 90% - the default settings are Large and Fullscreen, with nothing in between. The Large is too small and I don't like the Fullscreen.

The component shows this screen when I click "View and edit CSS":

If I try to edit the External Layer, the changes are discarded. Is this the expected behavior? Should this CSS not be editable?

I'm using Vancouver release.

Brad Tilton · ‎10-13-2023

I don't believe you'll be able to use CSS to set the width. You'll have to use the settings in the properties which limit you to either large or fullscreen. That being said, in Vancouver you can set modals to be resizable and provide minimum and maximum widths and heights to resize to, so that may be something else to explore.

View solution in original post

Brad Tilton · ‎10-16-2023

Hi Bernard, on the community if you go to resources > idea portal it should redirect you.