Advanced Control Settings: Container Child

Dive into advanced control settings for container-child configurations. Optimize layout control and streamline customization effortlessly.

Updated over a week ago

If when a control is placed inside in a Container, the Container Child settings will be available in the Advanced tab.

Align Self

  1. The align-self property specifies the alignment for the selected item inside the flexible container. This property will override the flexible container’s align-items property.

  2. Start: The element is positioned at the beginning of the container

  3. Center: The element is positioned at the center of the container

  4. End: The element is positioned at the end of the container

  5. Stretch: The element is positioned to fit the container


Order

The order is primarily used in combination with the responsive breakpoints. This allows you to order/reorder the elements based on the viewport. (Example: You wish to rearrange three or more elements in mobile view) You may choose between:

  1. Start

  2. End

  3. Custom – If custom is selected the following options will appear:
    Custom Order – Enter value

Learn more about the Order property here.


Size

The flex grow/shrink property specifies how the item will behave relative to the rest of the flexible items inside the same container. You may select between:

  1. None

  2. Grow

  3. Shrink

  4. Custom – If this option is enabled, the following options will appear:
    Custom Flex Grow – Enter value
    Custom Flex Shrink – Enter value

Learn more about the Size property here.



Did this answer your question?