Tanida Help Center
Search:  
ContentsIndexSearch
Contents
Display Legacy Contents

PrintBookmark

Home > Interactivity > Button

Button

Use Button objects in your scenes to pause your demonstration or tutorial and require action from the user in order to continue.

Set the following properties and options for Buttons:

  1. Name
    The default name for a Button is 'Button X' ('Button 1', 'Button 2', 'Button 3', and so onward), and this is visible in the name property of the object. You can change a button's name by deleting the default name and typing in another one. Ensure the button is selected before attempting to change its name property.
  2. Rotate, Scale and Location
    Adjust the rotational angles, scale or manually change the location of the button on the Canvas. Rotations on the X and Y-axis are ignored when the button is attached to the image.
    Learn more...
  3. Style
    The style property allows you to change the appearance of the button object. The default style is 'Classic'. A new button style, 'Soft,' has been added in version 5.0 which provides a very smooth and professional looking button for your scenes.
    Learn more...
  4. Text
    The text property allows you to customize font, font size, font color, text alignment and to also edit the text that is visible on the button. Double-click the body of the button to change the button's text.


Using the Button Object Events

You can also use 'Button Events' to interact with the users of your demonstration or tutorial and to control the behaviour of your movie based on your users' actions. The Button object offers the following events to achieve this.


  1. On Press Event
    Add objects, actions and/or audio to this event to define how your movie will display and behave when your users click this Button.
  2. On RollOver Event
    Add objects, actions and/or audio to this event to define how your movie will behave when the user positions their mouse cursor over the Button object. (For example, to display an explanatory message or tip in a balloon or text as to the action required from the user).

Important: Each individual Event has its own Timeline to define the separate sequencing of display and behaviors for that event.

Adding Actions and/or Audio to control the behavior of Button Object Events.


For each of the above events, you can assign the desired behavior of your movie by adding an Action to take and/or Audio to be played.

To add (or edit) the action to take or audio to be played for a certain Button object event, ensure that the Button object is selected in your scene. This Button's individual Timeline will be shown at the bottom of the screen. Click on the event to which you want to add an action and/or audio and note that the 'Button properties' panel (at top of screen) will change to show additional options. The following options are available to be added or edited for Button events : Stop Movie , Loop Movie, Close Movie, Go To URL, Run EXE, Go To Movie, Execute JavaScript.

For further information on how to incorporate Demo Builder Events and user interactivity into your movies, demonstrations and tutorials, please see this fully worked Example .

See also