Options
- Max-width: This setting restricts the width 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 as much horizontal space as it can. Block-level elements do not appear in the same line but break 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:
cc__container-element-wrapper - 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.