Toggle Button
Toggle buttons are similar to normal buttons except the have an on and off state. They have two script events 'On Click' and 'On Release' that are executed when the button is pressed or released. The button can also be turned on and off using script functions. This might be useful when creating groups of toggle buttons, turn one button on and turn off all the others using script.
Properties
|
On Click
• The script to be executed when clicked or pressed.
|
|
On Over
• The script to be executed when the mouse moves over. This value is only available with 'Use Mouse Over'.
|
|
On Out
• The script to be executed when the mouse moves out. This value is only available with 'Use Mouse Over'.
|
|
Use Release
• The button can be released by clicking it, otherwise script needs to be used.
|
|
On Release
• The script to be executed when released.
|
|
Press Text
• The text value when pressed.
|
|
Fill Type
• The method of filling this item.
|
|
Gradient Angle
• The angle of the gradient fill.
|
|
Gradient Center X
• The horizontal center of a radial gradient, between -50 and 50.
|
|
Gradient Center Y
• The vertical center of a radial gradient, between -50 and 50.
|
|
Bevel Width
• The width of the bevel of the button.
|
|
Shape
• The shape of the button.
|
|
Use Mouse Over
• The button can change when the mouse is moved over it. This doesn’t work for touch screens and phones.
|
|
Image
• The background image. Only for image fill types.
|
|
Press Image
• The background image when pressed.
|
|
Over Image
• The background image when the mouse is moved over it.
|
|
Color
• The background color.
|
|
Gradient Color
• The gradient color, which is combined with the normal color.
|
|
Press Color
• The background color when pressed.
|
|
Press Gradient Color
• The gradient color, which is combined with the press color.
|
|
Over Color
• The background color when the mouse is moved over it.
|
|
Over Gradient Color
• The gradient color, which is combined with the over color.
|
|
Border Type
• The type of line, none, solid, dotted or dashed lines.
|
|
Border Color
• The color of the lines or borders.
|
|
Border Press Color
• The color of the lines or borders when pressed.
|
|
Border Over Color
• The color of the lines or borders when the mouse is moved over it.
|
|
Border Width
• The width of the lines or borders.
|
|
Shadows
• Add shadow effects.
|
|
Text Effect
• Effects that can be added to the text, none, shadow or cut out.
|
|
Shadow Width
• The width of the shadow.
|
|
Shadow Height
• The height of the shadow.
|
|
Indent on Press
• Show an indent shadow when the button is pressed.
|
|
Font Color
• The color of the text.
|
|
Font Press Color
• The color of the text when pressed.
|
|
Font Over Color
• The color of the text when the mouse moves over it.
|
|
Font
• The font, style and alignment of the text.
|
|
Icon Type
• The type of icon to add. None, image or symbol.
|
|
Icon Image
• An image to be used as an icon.
|
|
Press Icon Image
• An image to be used as an icon when pressed.
|
|
Icon Symbol
• A symbol to be used as an icon.
|
|
Press Icon Symbol
• A symbol to be used as an icon when pressed.
|
|
Icon Align
• The alignment of the icon relative to the text or relative to the button if there is no text.
|
|
Icon Size
• The size of the icon relative to the button.
|
|
Tooltip
• Show some information when the mouse hovers over an item. Tooltips are not displayed when using touch.
|
|
Cursor
• Change the mouse cursor. Cursors are ignored on touch devices.
|
|
Custom Cursor
• Set the cursor to a cursor in the library.
|
|
Embed
• Embed any image data in the HTML export.
|
Some button shapes may have additional properties.
|
Top Left Corner
• The size of the rounded top left corner.
|
|
Top Right Corner
• The size of the rounded top right corner.
|
|
Bottom Left Corner
• The size of the rounded bottom left corner.
|
|
Bottom Right Corner
• The size of the rounded bottom right corner.
|
|
Points
• The number of point in the shape.
|
|
Large Radius
• The large radius of the points.
|
|
Small Radius
• The small radius of the points.
|
Script
Toggle Button Press
• Set the 'Toggle Button' to its pressed state. You must set a 'Script ID' value for the 'Toggle Button' in the timeline.
ToggleButtonPress("Script ID");
|
Toggle Button Release
• Set the 'Toggle Button' to its normal state. You must set a 'Script ID' value for the 'Toggle Button' in the timeline.
ToggleButtonRelease("Script ID");
|
Toggle Button Toggle
• Alternate between the 'Toggle Button' states. You must set a 'Script ID' value for the 'Toggle Button' in the timeline.
ToggleButtonToggle("Script ID");
|
Toggle Button Pressed
• Get the state of the 'Toggle Button'. You must set a 'Script ID' value for the 'Toggle Button' in the timeline.
ToggleButtonPressed("Script ID");
|