Versions Compared

Old Version 6

changes.mady.by.user Paulo Tsuchiya

Saved on

compared with

New Version 7

changes.mady.by.user Paulo Tsuchiya

Saved on

Key

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

The Button Control in the software platform allows users to create interactive buttons for applications. It includes a mechanism for initiating actions or commands within the interface. The functionality includes customizable label text, positioning options (Auto, Top, Left, Inside, None), and width settings, with an option to auto-set the width to 80.

On this page:

Table of Contents
maxLevel3
stylenone

Requirements

The TButton is a Portable component, functioning on both Windows and web pages across any platform. It is compatible with WPF and HTML5 displays, offering versatile use without any specific requirements.

Configuration

Button Settings include Label Text for button naming, Localize checkbox for localization, and Label Settings for positioning (Auto, Top, Left, Inside, None). Width settings offer manual adjustment or an Auto checkbox set to 80. To configure, navigate to Displays/Draw, select the Interaction components category, and drag and drop the button on the Drawing Area. Double-click to open the configuration popup for adjustments.

Button Settings

Field

Description

Label Text

It specifies the text displayed with the Button.

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.

Label Settings

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:

User: {Client.CurrentUser.Name.ToString().ToUpper()}

Runtime Execution 

In Runtime, the control has embedded controls to allow the Operator to modify the view.

Typically the configuration settings of <> is attached to a Tag exposed in the Display User Interface, allowing the operator to select <.> .

In this section:

Page Tree
root@parent
spacesV10