Section

Section

The Control

Category: Containers Type: pf.Section
The Section Control by default displays a title and a body. Each one of them has its own properties that you can customize based on your needs. What makes sections so important is the fact that you can allow for them to collapse, either by default or by option, making it easier for the user to navigate through long forms. To change the title of the section, you simply need to click on the title element, and change its “Text” property to the desired value. The body of the section, acts as a placeholder where you can add any control you wish to display.



Actions

When the Section Control is selected in the Central pane, the Actions section on the ribbon is updated to display the following items:
Move Down This action is applicable to controls that are immediate children of Container Controls. When pressed, it moves the selected control below its current position (shifting the below control above it).
Move Up This action is applicable to controls that are immediate children of Container Controls. When pressed, it moves the selected control above its current position (shifting the above control below it).
Convert To Changes the type of the selected control to another one maintaining all properties that are common to both Control Types (style, font, value, etc). Depending on the selected control type, different options are available. For example, the table container c

Events

Occurs when the control collapses
Args: (form: pf.Form, args: pf.IEventArgs)
Occurs when the control is expanded.
Args:
Occurs when the control is loaded.
Args:

Properties

Appearance

The CSS Clear Property specifies what elements can float beside the cleared element and on which side.
The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.
This font-style property allows you to make text appear italicized (i.e. sloped, or slanted)
The text-align property specifies the horizontal alignment of the text displayed
Sets what will be displayed in a tooltip when the user hovers over the control.

Behavior

Specifies whether this control should be disabled when form is offline.
Specifies whether this control should be hidden when form is offline.

Content


Data Binding

This is a free text field, where one can enter comments or other notes. Comments are only visible in the designer.

Layout

Sets the margin applied to the control, that is, the spacing between the control and the cell borders.
Sets the maximum height.
Sets the maximum width.
Sets the minimum height.
Sets the minimum width.

Miscellaneous

Specify the conditions under which the control will be enabled/disabled.
Specify the conditions under which the control will be visible/hidden