Next Button: <next_button>

XML location & structure

<cu3er>
  <settings>
      <next_button>
          <defaults ... />
          <tweenIn ... />
          <tweenOut ... />
          <tweenOver ... />
      </ next_button>
  </settings>
</cu3er>

Overview

Navigation buttons, represented as graphic shapes, are used for navigate trough slides. Include the node in order to display “next” navigation button in the CU3ER. By clicking this button, you’ll instruct the CU3ER to perform 3D transition and to show the next defined slide in XML.

Registration/transformation point is aligned with the object’s center point!

If the slide you are trying to show is not loaded yet, clicking the “next” button will instruct the CU3ER to apply the transition out (tweenOut) to all available UI elements and to display (tweenIn) preloader indicating loading process for the requested slide.

”Next” button may contain the following four nodes:

<defaults />
Node containing general attributes for next button. Available attributes:

round_corners = "topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius"

<tweenIn />
Transition in tween node - tweening properties for item appearance on stage: Tweening › Tween In
<tweenOut />
Transition out tween node - tweening properties for item disappearance from stage: Tweening › Tween Out
<TweenOver />
Tween node defining 'on mouse over' tween: Tweening › Tween Over

Example

<next_button >
    <defaults round_corners="5,5,5,5"	/>
    <tweenIn  tint="0xFF0000" x="500" y="300" />		
    <tweenOut x="600"/>
    <tweenOver tint="0xCC0000" scaleX="1.5" scaleY="1.5"/>
</next_button>

XML Reference

Node / Attribute	<defaults/>	<tweenIn/>	<tweenOut/>	<tweenOver/>	type	description
round_corners	0, 0, 0, 0				numbers	Range from 0 to max. Enter comma separated values for topLeftRadius, topRightRadius, bottomLeftRadius and bottomRightRadius
time		0.3	0.3	0.3	number	Duration (in seconds) of the tween
delay		0	0	0	number	Delay (in seconds) before the tween begins
x		swf width - 50			number	x position
y		swf height / 2			number	y position
width		50			number	width
height		50			number	height
rotation		0			number	rotation (in degrees)
alpha		0.5	0	0.85	number	Range from 0 - 1. Alpha/ transparency of the object
tint		0x000000			hex number	Hexdecimal number. Color of the object.
scaleX		1			number	Range from 0 - max. Horizontal scale of the object
scaleY		1			number	Range from 0 - max. Vertical sale of the object