You are here: User interface > User interface rules > Harness and section forms > Column layout properties - Presentation tab

 Column layout properties - Presentation tab

Click the in the Column layout header to display the Column layout properties panel and then select the Presentation tab.

Field

Description
Self-clear

Select this option for a column layout that contains other dynamic layouts that are floated.

This ensures that the outer dynamic layout does not take up space and enables the nested dynamic layouts to use styling, such as background color, set by the outer dynamic layout.

This setting applies only to IE10 and Chrome browsers.
Display advanced presentation options

Select if you want to display the following advanced options:

Self-clear

Select this option for a column layout that contains other dynamic layouts that are floated.

This ensures that the outer dynamic layout does not take up space and enables the nested dynamic layouts to use styling, such as background color, set by the outer dynamic layout.

This setting applies only to IE10 and Chrome browsers.
Clear floated layouts

Select this check box when you want the dynamic layout to display below other floated dynamic layouts within the container in which it is hosted.

For example, you may select this option when you want the dynamic layout to display as a footer.
Inline style

Type CSS code to define an inline style. As a best practice, define custom styles in the skin.

Custom CSS class Specify a custom CSS class, if desired styling cannot be achieved through the skin.
Related topics Harness and Section forms - Adding a column layout
Column layout - General tab
Actions tab
HTML5 Application Readiness
Skin form — Components tab — Layouts — Column Layouts

Open topic with navigation