Button

Button

The Control

Category: Action Controls Type: pf.Button

The Button Control is widely used to get the user to interact with the form.

Usually, one might want to have the button disabled to start with, or even hidden. To do so, the Enabled Property and the Visible Property, found under the Behavior Properties, are used.

The button's content can either be text, image or custom html. To specify what should be displayed, simply fill in the Text Property




Actions

When the Button 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 a control is clicked.
Args: (form: pf.Form, args: pf.IControlEventArgs)
Occurs when a control is double clicked.
Args:

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

Content

This field can be used to enter html to draw your image, for example using svg or css icons.

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