Tab Control

Tab Control

The Control

Category: Containers Type: pf.TabControl
The Tab Control allows you to separate content, by creating a horizontal menu at the top of the container. The controls listed in each tab will only be viewable by the user when that specific tab header is pressed. Using tabs is a good approach for long complex forms, where an initial categorization needs to be made, for a more user-friendly approach.



Actions

When the Tab Control is selected in the Central pane, the Actions section on the ribbon is updated to display the following items:
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
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).
Remove Page Removes selected tab.
Add Page Appends a new tab.

Events

This is the event that runs when the tab of the "Tab Control" is changed. Depending on the tab that is being selected, you can have different functions run, to load details selectively.
Args: (form: pf.Form, args: pf.ISelectedTabPageChangedEventArgs)

Properties

Appearance

Gets or sets a color that describes the background of a control
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.
Changes the font weight of the control, to either regular when not selected or bold when selected.
This font-style property allows you to make text appear italicized (i.e. sloped, or slanted)
Changes the font size of the control.
Sets the foreground color of the control.
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.
Sets the item visible or not during initialization

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.
Sets the padding of the control

Miscellaneous

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