The “Section” control is a formatting control that allows you to create a rectangular section or area on the page into which you can drag other controls such as text. Images, video and more. The “Section” control can have visible outline borders or be completely invisible but it’s primary purpose is to provide you with granular control over the margins, padding and formatting of an area as a container and enable you to format the position of objects within it.
Properties
- Title: Enter a label for your section within this field to help you identify the section (e.g. ‘Product Basic Information Section’)
- Padding: The “Padding” property allows you to set the padding around the rectangular section area from the top, bottom, left and right. All values are in pixels.
- Margin: The “Margin” property allows you to set the margin distances within the rectangular area from the top, bottom, left and right. All values are in pixels.
- Background Color: Select the color picker within this field to set the background color of the rectangular section area.
- Alignment: Select the dropdown within this field to set the alignment of the rectangular section area and position it to the left, right or center of the page. All controls placed within the section will also be aligned according to this setting unless they have an alignment setting of their own which would take precedence.
- Border: Set the border thickness (in px), style and color to create a visible border around the rectangular section area.
- Border Radius: Set the radius for the top left, top right, bottom left and bottom right corners of the border to achieve a rounded rectangle border effect. All values in pixels.