Interactive elements

Interactive elements let User to interact with your presentation and see a reaction on own actions.
All interactive elements can require validation or not.
If element requires validation, Player will evaluate the user action and show corresponding reaction - positive or negative.
If element does not require validation, no any reactions for this element will be showed. You can use such elements for additional possibility for navigating between screens of your presentation. For example, you can let Users to go to next screen by pressing a Tab key or place active area above an image on that a navigation button is drawn. When User clicks this "button" Player will show a next screen.

Active area
Input field
Key pressing
Hyperlink
Positive reaction
Negative reaction

Active area
Active area - rectangular area that can react on left button mouse click or double-click.

You can add a new Active area by pressing a corresponding button on the Tool bar or via menu Objects.
Active area is displayed in editor as a crosshatched rectangular region. You can change the color of this element in shell settings.
In published presentation Active area is not visible.

Properties
Name Description
Name Name of the Active area object.
Box Bounds of element. Format is "x,y,width,height". You can change this property in a dialog window that can be opened by clicking button.
z-order Value of element's depth.
React on This property defines the type of action on that this element must react.
Possible values are: Mouse click, Mouse doubleclick.
Validate This switch defines if this element must be validated.
Moving allowed This switch defines if element can change its location.
Resizing allowed This switch defines if element can change its size.

Input field
This element is a rectangular area in that User can input any piece of text.

You can add a new input field by pressing a corresponding button on the Tool bar or via menu Objects.

Properties
Name Description
Name Name of the input field object.
Background color Background color of element's area.
Border This switch defines if the element has a border.
Border color Color of element's border. Default value is a black color.
Box Bounds of element. Format is "x,y,width,height". You can change this property in a dialog window that can be opened by clicking button.
Font A set of font properties (font name, font size, font style) used for this element. You can change this property in a dialog window that can be opened by clicking button.
Font color Color of used font. Default value is a black color.
z-order Value of element's depth.
Initial value Initial piece of text that will be displayed in this input field.
Correct value A text fragment that user must type in this input field to get a positive reaction.
Input type This property defines the type of input field.
Possible values: Text, Password (in this case each letter in input field will be displayed as a "*" sign).
Case sensitive This switch defines if Player must validate user input taking the letters case (upper, lower) into consideration.
Validate This switch defines if this element must be validated.
Validate on pressing Key This property defines if the Player must validate this element when user presses Enter or Tab key.
Moving allowed This switch defines if element can change its location.
Resizing allowed This switch defines if element can change its size.

Key pressing
This element corresponds to pressing a key on the keyboard.
This element is not displayable on editor area.

Properties
Name Description
Name Name of the Key pressing object.
Key This property defines a key that is linked to this element. You can change this property in a dialog window that can be opened by clicking button.
Shift This switch defines if a "Shift" key must be pressed with this key at the same time.
Ctrl This switch defines if a "Ctrl" key must be pressed with this key at the same time.
Validate This switch defines if this element must be validated.

Hyperlink
This element is a rectangular area, clicking on that brings to opening some URL by browser.

You can add a new Hyperlink by pressing a corresponding button on the Tool bar or via menu Objects.
Hyperlink is displayed in editor as a crosshatched rectangular region. You can change the color of this element in shell settings.

Properties
Name Description
Name Name of the hyperlink object.
Box Bounds of element. Format is "x,y,width,height". You can change this property in a dialog window that can be opened by clicking button.
Rotation angle Value of element's initial rotation angle. Allowed range of values: from -180 to 180 degree.
Note. Editor currently can not show rotation of objects. You can inspect result in browser when you are previewing the presentation.
z-order Value of element's depth.
Hyperlink URL address
Hide on screen end This switch defines if element rests visible on next screens.
Open in This property defines the target to open URL.
Possible values are: New window, Current window
Highlight This switch defines if area of hyperlink must be highlighted.
Open automatically This switch defines if URL must be opened automatically when Player shows a screen on that this element is defined.
Moving allowed This switch defines if element can change its location.
Resizing allowed This switch defines if element can change its size.

Reactions
Presentation's Player can validate user actions made for interactive elements and show positive or negative reaction.

You can add a new reaction object by pressing a corresponding button on the Tool bar or via menu Objects.

Reaction object can be added to any interactive object or to screen.
If interactive object has its own reaction object, at the time of validating this reaction will be shown, if interaction has no own reaction, than screen's reaction object will be shown.

Positive reaction
This reaction will be shown if user performs correct actions.

Properties
Name Description
Name Name of the reaction object.
Align Alignment of the text content inside reaction element's area.
For html texts editor ignore the value of this property, but it will take effect in published presentation viewed by browser.
Background color Background color of element's area. If this property is undefined, element will be transparent.
Border This switch defines if the element has a border.
Border color Color of element's border. Default value is a black color.
Box Bounds of element. Format is "x,y,width,height". You can change this property in a dialog window that can be opened by clicking button.
Font A set of font properties (font name, font size, font style) used for this element. You can change this property in a dialog window that can be opened by clicking button.
Font color Color of used font. Default value is a black color.
z-order Value of element's depth.
Text Content text for the reaction element.
Showing duration (msec) Defines the time in milliseconds during that this reaction will be shown.
Moving allowed This switch defines if element can change its location.
Resizing allowed This switch defines if element can change its size.

Negative reaction
This reaction will be shown if user performs incorrect actions.

Properties
Name Description
Name Name of the reaction object.
Align Alignment of the text content inside reaction element's area.
For html texts editor ignore the value of this property, but it will take effect in published presentation viewed by browser.
Background color Background color of element's area. If this property is undefined, element will be transparent.
Border This switch defines if the element has a border.
Border color Color of element's border. Default value is a black color.
Box Bounds of element. Format is "x,y,width,height". You can change this property in a dialog window that can be opened by clicking button.
Font A set of font properties (font name, font size, font style) used for this element. You can change this property in a dialog window that can be opened by clicking button.
Font color Color of used font. Default value is a black color.
z-order Value of element's depth.
Text Content text for the reaction element.
Moving allowed This switch defines if element can change its location.
Resizing allowed This switch defines if element can change its size.


Return to Contents