CU3ER - Description Box: <description>

XML location & structure

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

Overview

The "Description box" is a feature that allows you to include a description (heading & paragraph) into each slide. You can configure the overall visual appearance, styling each text box with common text properties (font size, margin, leading, spacing, etc), and set link & linking target for each slide description box.

The position of the heading text field is always "0,0", inside the description box, width is the same as the width of the description box.

The "Paragraph" text field is positioned relatively below the heading, whereby the "y" position depends on the height of the heading text field.

By altering the "margin" attribute, you can achieve custom positioning for both the paragraph and heading fields.

The plain text only is currently allowed (without HTML tags).

Actual text is embedded in the <slide> node. For more information check Slides

The "Description" node may contain the following four nodes:

  1. <defaults />
    Node containing general attributes for previous button. Available attributes:
    • round_corners
    • heading_font
    • heading_text_size
    • heading_text_color
    • heading_text_align
    • heading_text_margin
    • heading_text_leading
    • heading_text_letterSpacing
    • paragraph_font
    • paragraph_text_size
    • paragraph_text_color
    • paragraph_text_align
    • paragraph_text_margin
    • paragraph_text_leading
    • paragraph_text_letterSpacing
  2. <tweenIn />

    Transition in tween node - tweening properties for item appearance on stage: tweenIn

  3. <tweenOut />

    Transition out tween node - tweening properties for item disappearance from stage: tweenOut

  4. <tweenOver />

    Tween node defining "on mouse over" tween: tweenOver

Example

<defaults round_corners="0, 0, 0, 0" heading_font="Times New Roman" heading_text_size="22" heading_text_color="0xFFFFFF" heading_text_margin="10, 0, 0,10" paragraph_font="Arial" paragraph_text_size="13" paragraph_text_color="0x000000" paragraph_text_margin="10, 0, 0, 10" /> <tweenIn tint="0x000000" x="100" y="200" alpha="0.8" width="500" height="30"/> <tweenOut time=".5" x="600" /> <tweenOver tint="0xCAEA15" alpha="1.0" />

XML Reference

Node / Attribute defaults tween
In
tween
Out
tween
Over
type Description
round_corners 0, 0, 0, 0       numbers Range from 0 to max. Enter comma separated values for top Left, top Right, bottom Left and bottom Right Radius
             
heading_font Georgia       string system font-face name for heading text
heading_text_size 18       number text size in pixels
heading_text_color 0x000000       hex number Hexdecimal number. Color of the text.
heading_text_align left       string Range: "left", "center", "right" align of the text in text field
heading_text_margin 10, 25, 0, 25       string text margin: top, right, bottom, left
heading_text_leading 0       number text leading
heading_text_letterSpacing 0       number letter spacing
             
paragraph_font Arial       string system font-face name for paragraph text
paragraph_text_size 12       number text size in pixels
paragraph_text_color 0x000000       hex number Hexdecimal number. Color of the text.
paragraph_text_align left       string Range: "left", "center", "right" align of the text in text field
paragraph_text_margin 5, 25, 0, 25       string text margin: top, right, bottom, left
paragraph_text_leading 0       number text leading
paragraph_text_letterSpacing 0       number letter spacing
             
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   0     number x position
y   swf height-100     number y position
width   swf width     number width
height   100     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 Hexidecimal 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