Toggle Button Feature
Description
A simple toggle button composed of two images for two toggle states 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 specifies 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.
Is Selected: Toggle button opens with the down state if this property is checked. It indicates whether the button is selected or not.
Label: This is the text displayed on the toggle 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 Background 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 switch to up state.
Down: This trigger executes its actions when the user pressed the button switch to down state.
Triggered: This trigger executes its actions when the user clicks on the button.
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 set up 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 State: This action changes the state of the toggle button to the value specified
Parameter
Button_State: This is the target value
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