0

Button

Description

The button part allows users to insert a button on a screen so an end-user can select the button and step a logicnet forward with a configured value.

Use

The button part steps a logicnet forward when an end-user selects it. Users define the data object associated with a button when creating a logicnet, and when the end-user selects the button the data object can be used in the decision tree; for example, to go to a particular page or trigger a process.

Editor Fields

Group

Field

Type/
Options

 Optional/
Mandatory 

Description

Basic

Caption

Text

M

This is the text the system will display on the button.

Basic

Data object

Data object

M

This is the name of the data object in which the value will be stored when end-user clicks the button.

Basic

Value

Text

M

This indicates the value assigned to the data object when the user selects the button.

Basic

Data object 2

Data object

O

It is possible to store another value to another data object upon button click. A practical example can be to store the name of the "action" associated with the button to the first data object and then the "id" of the item to which the action must be applied, to the second data object.

This is the name of the second data object in which the second value will be stored when end-user clicks the button.

Basic

Value 2

Text

O

This indicates the value assigned to the second data object when the user selects the button.

Basic

Onclick interpolated-handler

Text

O

Contains Javascript that is executed when the button is clicked. The provided value is interpolated with the context, so can contain $(...)
Basic Onclick-handler Text O Contains Javascript that is executed when the button is clicked. The provided value is NOT interpolated with the context. This parameter is only applied when the Onclick interpolated-handler parameter is left empty.

Basic

Image

Image

O

Users can associate an image with a button and the end-user will see the image as a selectable icon/button. Click the ... button on the right side of the image input box to navigate to and select from the resources/images folder of the project. When displayed, the button contains the entered Caption/Value.

Basic

Speech command Text O This is the speech command the end-user must say to click the button when speech recognition functionality is enabled.

Basic

Type

Options

O

The button part allows for three possible action types:

button (form-submit): Show the button as a regular button that triggers an auto-submit when the end-user presses ENTER.

button (custom-submit): Show the button as a regular button that does not trigger an auto-submit when the end-user presses ENTER and doesn't triggers submit when the end-user clicks the button. The onclick behavior can be configured via the onclick-parameter

button (click-submit): Show the button as a regular button that does not trigger an auto-submit when the end-user presses ENTER but triggers submit when the end-user clicks the button.

text: Show the button as text with a hyperlink.

Basic

Data object type

Options

O

This indicates whether the data object of the button is a number or text.

Basic

ShortCut Key

Text

O

The ShortCut Key is a single character that can be used to activate the button by using the keyboard.
Internet Explorer: ALT+key
Chrome: ALT+key
Safari: ALT+key
Opera: ALT+key (SHIFT+ESC+key for <= v12.1)
FireFox: ALT+SHIFT+key
On a Mac: CONTROL+ALT+key

For example a save-like button, specify 'S' to allow ALT+S to trigger the save-like button.

Style

CSS class

Text or data object

O

Users can assign a CSS class to a button so all buttons in the application with the same class can be styled to display the same way.

Resources

 

 

O

See node/part resource and references.

 

Example

For several examples of how to use the button part, download and import the following sample project in your workspace.

Reply Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
Like Follow
  • 7 mths agoLast active
  • 37Views
  • 2 Following

Home