- Max-width: This setting restricts the with of your container to a maximum setting. Use this setting when you want to restrict the width of elements within the container.
- Min-height: This setting makes sure the container always has a minimum height. This setting is especially relevant when creating multi-page forms to make sure each page has a consistent height, independent of the elements within the container.
- Display block or flex: This setting was introduced when migrating our original containers element to a columns element. Block: displays an element as a block element. It starts on a new line and takes up take up as much horizontal space as they can. Block-level elements do not appear in the same line, but breaks the existing line and appear in the next line. Flex:displays an element as a flexible structure.
- Margin: Adjust the spacing outside the container element (top, right, bottom, left)
- Padding: Adjust the spacing inside the container element (top, right, bottom, left)
- Background color: Set the background of the full container with any color.
- Background image: Give your container a background by uploading a background image. Any element that is placed in the container will lie 'on-top' of the image.
- Color: Set the color of all elements in the container with any color. This will impact all text and header elements.
- Radius: Create rounded edges to your container by adding a radius. This setting is especially relevant for containers with a background color that deviates from the calculator's background color.
- Border: Add a border to your container.
- Custom class name: add custom class names to further style your container. CC_class:
- Show/Hide Logic: Toggle this if you want to control if the container is shown or hidden under certain circumstances.
- Visibility formula: If the result of the formula is TRUE or a number above 0. The question is visible. If the result is FALSE or 0, it’s hidden.
Use for advanced styling (background color, borders, and alignment).
On this page