Container Controls

This property allows preventing showing warning or error message duplicates:

• selected: all messages of the layout and dialog container are displayed in a single message panel
  
• disabled: message panel for the layout and for the container is displayed as well and message duplicates can occur
  

Defines the ID of the Dialog that should be displayed on the Layout:

Choose a source from one of the configurable options:

• Model: select the source from the data model;
• Static Value: specify the ID to display.

If a Dialog has several views, with this option being enabled only the first view of the dialog is shown in the Dialog Container. 

• Disabled: all available views of the dialog container are shown on the layout
  
• Selected: the layout renders only the first view of the dialog container
  

This option allows showing only specified views on the layout. Choose a source from one of the configurable options:

• Model: select the source of the data model;
• Static Value: specify the views to display. Enter an array of GUIDs for the Views that should be displayed.

Note that while configuring this option, the Single View property should be disabled.

Container display on the page modes:

1. Static value: check-box options
   • selected (True): container displaying on the page layout template is enabled; 
   • disabled (False): the container is not shown on the page layout template.
2. Model:
   • assigned model: select the source of the data model;

Margin clears an area outside the border. Set the control's margin in CSS format, for instance:

• 10px
• 1rem
• 1rem 2rem (for top-bottom, right-left)
• 1px 2px 3px 4px (defines top, right, bottom, left)

Padding clears an area around the content. Set the control's padding in CSS format, for instance:

• 10px
• 1rem
• 1rem 2rem (for top-bottom, right-left)
• 1px 2px 3px 4px (defines top, right, bottom, left)

obsolete

help icon and tooltip for information displaying as:

• ❌  not set: help icon is not displayed;
• static value: manually entered text displayed in a pop-up window; 
• localizable:  plain text specified per each available in the system locale. Shows appropriate localized help message according to the currently selected by the user language profile settings;
• model: displayed data is retrieved from a specified data model field.

See Entity Data property of the Dialog Container.

Available options:

• selected (default)
• disabled

This property allows improving user experience by managing device visibility options. 

The application checks the user device's screen resolution and shows or hides the container based on the selected check-box options settings:

• selected (default): the container is shown on the page
• disabled: the container is not displayed

Allows defining additional custom CSS styles:

It is not recommended to configure this option as in case of breaking changes in the Layout Container they may affect the container and cause conflicts in its display.

Define the title of the container via one of the following options:

• Model: displayed data is retrieved from a specified data model field
• Localizable: plain text specified per each available in the system locale. Shows appropriate localized message according to the currently selected by the user language profile settings;
• Static value: manually entered text 

Layout Container Title display example

Defines the layout direction of the control descriptors added to the container. 

Available options:

• Vertical (default): controls are aligned vertically
  
• Horizontal: controls are placed horizontally
  

Alignment of the controls in the container applied to elements according to the selected Layout Direction. Available options: 

• Default: the same as the start option
• Start
• Center 
• End
• Justify
• Spaced

Alignment of the controls in the container applied to elements perpendicularly to the selected Layout Direction. Available options: 

• Default: the same as the start option
• Start
• Center 
• End
• Stretch

The display mode of the container. Available options: 

• Default: the container is displayed as an integral part of the layout and is not outlined in a stand-alone panel. For instance, Appearance section:
  
• Panel: each container is visually outlined on the layout canvas as a stand-alone panel. For instance:
  
• Container: the same as a Default option or not set option.

Defines the additional style of the Layout Container. Possible options:

• Model: choose the value from the data model attributes;
• Static Value: choose a style from the suggested options with the style preview

Style Static Value examples with the style preview

This option defines how much the controls fill up the space of the container. Despite the title, the property is applied in the horizontal direction of the container.  Available options:

• None 
• Flex
• Flex 5
• Flex 10
• Flex 15
• Flex 20
• Flex 25
• Flex 30
• Flex 33
• Flex 40
• Flex 45
• Flex 50
• Flex 66
• Flex 75

Example:

Along with the Container Style and Style properties in the Layout Container configuration, this option can be also used as an alternative way to define additional CSS styles for the container.

Here you can specify the class(es) that have previously been added via Front-End Workspaces.

Container display on the page modes:

1. Static value: check-box options
   • selected (True): container displaying on the page layout template is enabled; 
   • disabled (False): the container is not shown on the page layout template.
2. model:
   • assigned model: select the source of the data model;

The background color of the container. Available options:

• Model: choose the value from the data model attributes 
• Theme colors: select a color from the suggested palette
• Static value: use the color picker or set the hex value

The background color is applied to the container also based on the current Mode value, for instance:

• Container with Default or Container mode has the background color displayed in the Appearance section as follows:
  
• Container with Panel mode has the same background color displayed in the Appearance section differently:
  

Checkbox options:

• Selected (default): the container will be hidden automatically if it's empty or if it contains empty hidden literals.
• Disabled: even container without any data to display is shown on the layout.

help icon and tooltip for information displaying as:

• ❌  not set: help icon is not displayed;
• static value: manually entered text displayed in a pop-up window;
• localizable:  plain text specified per each available in the system locale. Shows appropriate localized help message according to the currently selected by the user language profile settings;
• model: displayed data is retrieved from a specified data model field.

Help icon with a tooltip displaying example

This property allows improving user experience by managing device visibility options. 

The application checks the user device's screen resolution and shows or hides the container based on the selected check-box options settings:

• selected (default): the container is shown on the page
• disabled: the container is not displayed