The container widget allows you to better organise your app space. It is a section with empty space in which all other sections can be placed and rearranged. The special feature of this section is that it can be 'hidden' from the app instance - just collapse it by clicking on the arrow.
Options of this section:
Caption - which can be both just given or computed by a formula
Initially collapsing - which can be set to be done automatically by clicking the 'initially collapsed' option
Hide header - you can choose if you want to hide header of container
Alignment - you can choose to what align the items in the container (Left, Center, Right)
The properties of this section are:
Name- the name of the section
Size - allows the user to freely define the height and width of the designed section
Visibility - allows you to add a formula to the section, the result of which will determine whether it will be displayed in the application instance
Hide mode - together with the visibility of the section determines how the section is hidden
Auto width: - enables to set the fixed size of the section in relation to the application screen
Caption- the name of the header
Alignment - allows you to select what the elements in the container should be aligned to (left, right, centered)
Header visibility: - you can choose from three options for header visibility: 'title and button', 'only title' and 'No header'. This allows you to decide whether you want to display both the header with a button to expand the section, just the section title alone without a button, or hide the section header altogether.
Initially collapsed - means that the container is closed by default when the instance is launched. This property allows you to set the container to be initially collapsed.
The option is only available when you select "title and button" in the header visibility settings.
Style - Container
New styles section available since version 2.2
Sekcja:
- We can choose a style from the list or specify it using a formula.
- Border settings:
- Using the border options, we can set its parameters (top, bottom, left, and right) by selecting the appropriate color and rounded edges.
- Adding section shadow:
- By adding a shadow to the section, we have the option to adjust its color
- By adding a shadow to the section, we have the option to adjust its color
- Header:
- We can apply a style to the container header using a list of styles or calculate it using formulas. Additionally, we can set the style from the formatting bar, add borders, and save the selected style.
- Button:
- We can choose a style for the button from the available options in the list of styles or calculate it using formulas. Alternatively, we can independently assign a color. After determining the preferred style, we can save it for later use.
- Button (hover):
- Style options can be specified similarly to the button, with the difference that the style will be applied when hovering over the button.
- Contents:
- We can select a style for the container content from the list of styles or calculate it using formulas. Additionally, we can assign a color to the container, set borders, and save the style.
Next to each style property, there is an icon thet allows you to:
- reset the applied style
-save the selected style
0 Comments