Help

Image

Button Feature

Description

A simple button composed of an image and, optionally text.

Properties

Feature Name: This is the name of the feature, it can be changed from the default value.

x: This is the horizontal center point of the feature on the view.

y: This is the vertical center point of the feature on the view.

width: This is the width of this feature.

height: This is the height of the feature.

Orientation: This is the angle of the feature specified in degrees

Transparency: This a value that specified the transparency of the feature. 0 is completely invisible and 1 is not transparent at all

Up Image: This property provides an option to select up state image used for the button.

Down Image: This property provides an option to select down state image used for the button.

Label: This is the text displayed on the button.

Font: Using this property we can select the available fonts to the text field. This list shows the available fonts from the local PC.

Size: Using this property we can set the font size of the text.

Font Color: This property sets the color of the font.

Font BG Color: This property sets the color of the button background.

Background Radius: Using this property we can make the edges into curvy.

Outline Thickness: Using this property we can set the thickness of the outline.

Background Outline Color: Using this property we can select the separated color for the outline.

Bold: Text will be bold when this property is set to true..

Italic: Text will be italicized when this property is set to true.

Horizontal Align: This aligns the text inside the text field horizontally. We can align it to Left, Right, and Center.

Vertical Align: This aligns the text inside the text field vertically. We can align it to Top, Bottom, and Center.

Scale When Down: The button renders at this scale in the down state. 0.1 is the least and 1 is the maximum scaling rate.

Events

Triggers

Key Pressed

Key Pressed: This trigger listens to the event of a key being pressed. It listens for the key that is specified in the parameter key

Parameter

Key: Character that it’s listening for

Timer

Timer: This starts a timer and executes the actions when the time is up. You can have it run multiple times by specifying the number of runs, 0 is to keep running indefinitely

Parameter

Duration: duration of time before executing actions

Number Of Runs: Specifies the number of runs, 0 is to keep running indefinitely

Touch

Tap: This trigger executes its actions when the user taps on this feature

Double Tap: This trigger executes its actions when the user double taps on this feature

Long Press: This trigger executes its actions when the user long presses this feature

Pressed: This trigger executes its actions when the user has pressed down on this feature

Released: This trigger executes its actions when the user has pressed down and released this feature

Gesture

Swipe: This trigger executes its actions when the user swipes on the feature in the direction specified

Parameter

Swipe Type: Here you can specify the direction of swipe to listen for

Global Variable: The distance of the swipe will be stored to this variable if one is specified

Drag and Drop

Is Dropped On: This trigger executes its actions when this feature is dragged and dropped on to another feature

Parameter

Target: This specifies the other feature that this feature has to be dropped on

Is Dragged Over: This trigger executes its actions when this feature is dragged over another feature

Parameter

Target: This specifies the other feature that this feature has to be dragged over

Button Triggers

Up: This trigger executes its actions when the user pressed the button enters to up state.

Down: This trigger executes its actions when the user pressed the button enters to down state.

Selected: This trigger executes its actions when the button is selected.

Deselected: This trigger executes its actions when the button is deselected.

Actions

Print: This action calls the print function of the operating system of the device, it will print this feature the way it looks when the action is executed. For this to work the printer setting must be setup properly on the OS.

Parameter

Show settings popup: The printer setting popup of the OS can be shown before printing if selected

X:This action changes the x property of this feature to the value specified

Parameter

x:This is the target value

Y:This action changes the y property of this feature to the value specified

Parameter

y:This is the target value

Width: This action changes the width property of this feature to the value specified

Parameter

Width: This is the target value

Height: This action changes the height property of this feature to the value specified

Parameter

Height: This is the target value

Rotate To: This action changes the orientation property of this feature to the value specified

Parameter

Rotation: This is the target value

X Offset: This action changes the x property of this feature by adding the value specified

Parameter

x:This is the value to be added to the current value

Y Offset: This action changes the y property of this feature by adding the value specified

Parameter

y:This is the value to be added to the current value

Width Offset: This action changes the width property of this feature by adding the value specified

Parameter

Width: This is the value to be added to the current value

Height Offset: This action changes the height property of this feature by adding the value specified

Parameter

Height: This is the value to be added to the current value

Rotate By: This action changes the orientation property of this feature by adding the value specified

Parameter

Rotation Offset: This is the value to be added to the current value

Resize By Factor: This action changes the height and width of the feature by multiplying it by the specified factor

Parameter

Factor: This is the value which the height and width will be multiplied by

Move To Front: This action moves this feature to the front of all the features that are in the view. If this feature is inside a group feature it will be moved in front of all the other features inside that group only.

Move To Back: This action moves this feature to the back of all the features that are in the view. If this feature is inside a group feature it will be moved to the back of all the other features inside that group only.

Change Transparency: This action changes the transparency of the feature by to the value specified

Parameter

Alpha: Value to change the transparency to, must be between 0 and 1

Delete Feature: This action deletes the feature from the view

Button

Change Up Image: This action changes the up image of this feature to the asset specified

Parameter

Image_Asset: This is the target asset

Change Down Image: This action changes the down image of this feature to the asset specified

Parameter

Image_Asset: This is the target asset

Change Label: This action changes the label of this feature to the value specified

Parameter

Label: This is the target value

Create Button From XML: This action creates the buttons dynamically based on the linked data asset

Parameter

Linked Data Asset: This is the linked data asset