Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


On this page:

Table of Contents
maxLevel3
stylenone


Requirements

This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.


Configuration

After dragging and dropping the component into the Drawing area, double-click it to open the graphical element configuration window.

PushButton Settings

Field

Description

Label Text

It specifies the text displayed with the PushButton.

Localize

It enables the label text can be dynamically adjusted based on the user's locale settings, ensuring the interface is accessible and understandable to users from different language backgrounds.

Linked Value

It associates the checkbox with a tag, enumeration, value, or object. This linkage means that the state of the Push(checked or unchecked) will reflect the changes in the selected object in your application.

Binding

Sets the binding mode for the component. The options are:

  1. TwoWay updates the data source and UI interchangeably;

  2. OutputOnly allows data output without user input;

  3. InputOnly accepts user input without updating the data source.

BorderThickness

Specifies the thickness of the PushButton border. The "Apply" button applies the specified border thickness.


Label Settings

Label Settings

Field

Description

Position

It defines the label's position. There are the following options:

Auto: The label position is determined automatically based on the available space and button size.

Top: The label is positioned above the button.

Left: The label is positioned to the left of the button.

Inside: The label is positioned inside the button, usually centered.

None: The button has no visible label.

Width

It defines the label's width.

Auto

When enabled, it defines the label's width automatically.

Preview

It is available only when you link an object to the button. Preview options control the preview of the label content or data bindings. These options indicate the data linked to the button.

Linked tag: Displays the object path of a linked tag, such as "Tag.Temperature.Value".

Whitespace: Shows a white space as a placeholder.

Placeholder: Displays the symbol "#" as a placeholder.

Format

It is available only when you link an object to the button. It allows to define an expression to format the selected label. For example: N1 (number with 1 decimal place).




Runtime Execution

The application instantly performs the linked action when users press the PushButton. This button provides immediate feedback, confirming the interaction. The event handler then executes the command, such as initiating a process, starting data logging, or resetting an alarm, ensuring prompt responses.


In this section:

Page Tree
root@parent
spacesV10