Setting width of modal form

Modeling
1

Can I set the overall width of a modal form in the UI model or app-model, e.g. to 25%?

My modal only has a few buttons (for confirmation) but takes most of the screen width:

image
image1920×1157 163 KB

2

Hello @tobias-amber-boulder,

yes, you can set the overall width of a form in the UI to a specific width you need.
I am assuming you are using the MasterDetail Layout. Therefor you have to:

  1. Go into your AppModel
  2. Open your desired Module under “Modules”
  3. Open the desired Flow under “Flows”
  4. Open the Scene which leads you to opening the Form Model
  5. Open your Scene Change “Views_Add” under “Scene Change” → “On Enter”
  6. Choose the MasterDetail Layout for the Constraint Type under “Layout Constraints”
  7. And select the Preferred Width from 1-11 under “Layout Constraints”.

image
image649×637 16.1 KB

3

That didn’t work for the Modal region. This setting seems to have no effect here.

4

Hi @tobias-amber-boulder
as far as I know the size of a modal can only be influenced through the theme. And we did that already for MRC/SRC :grimacing:

image
image824×489 31.5 KB

And THAT is the reason why your modal is soooo big, because it currently takes 75% of the width. Could you chat with an AI and reconfigure the CSS regarding a minWidth or some auto-resizing and only taking the space it needs, up to 75% (at least that was my intention when I wanted to make “my” modal larger…