eDition Documentation

All design elements are in the following Library folders:

1. BUTTONS Icons – Objects/Icons for crating buttons which are displayed in eDition Viewer
   (see Figure ART set 1.).
2. BUTTONS Windows – Objects/Icons for Windows component
   (see Figure ART set 2.)
3. BUTTONS Navigations – Objects/Icons for navigation
   (see Figure ART set 3.).
4. BUTTONS Task bar – Objects/Icons for various buttons on the task bar menu
   (see Figure ART set 4.)
5. Components – All components for eDition Viewer
   (see Figure ART set 5.)
6. Art – All design elements which are used to work with eDition Viewer
   (see Figure ART set 6.)
7. Task bar design – shape of task bar
   (see Figure ART set 7.).
8. PNG – Buttons thumbnails. The easiest way to change the button appearance is to replace png file in this folder. There is no need to open the Objects ( Movie Clip).

Describing the design elements:

Figure ART shows categorization of all design elements. Set 1,2,3 and 4 represent PNG images. You can completely change task bar appearance by changing style of PNG images (folder PNGS). There is no need for opening Objects or interfere with the Library. It is enough to open png folder and change images.

Attention!!! For best appearance png's have to be 24 bit and "Allow Smoothing function for each PNG in library is set to OFF.

Set number 5 represents components, used in eDition Viewer (Alert, CheckBox, ComboBox, Label, List, RadioButton, ScrollPane, TextInput and Window). Changed components must retain functionality of the origin, only design can be modified. Structure and methods inside component must not be changed.

Set number 6 contains all the design elements, which are not visible on the task bar, but they have effect on eDition Viewer.

Figure: ART, library elements

Detail description element under set number 6 (Figure ART):

6.1 MovieClip - graphic
Linkage: arrow
Movie Clip is used at the sides, for easy scrolling. You can change the shape and colour. (Parent of 6.2 and 6.3)

6.2 MovieClip - shape
Linkage: arrow_back
Background shape of arrow button. (Child of 6.1)  

6.3 MovieClip - shape
Linkage: arrow_front
Shape of arrow pointer button. (Child of 6.1)

6.4 MovieClip - graphic
Linkage:tabs_up
Tabs appear at the side of the page, illustrating a new chapter. User can quickly access the page by clicking it. Tabs are made of 3 parts: tabs_up, tabs_middle and tabs_down. Tabs_up is used for top part of tab. In the eDition administration you can easily change the colour of tab. (Parent of 6.5 and 6.6)

6.5 MovieClip - graphic
Linkage:tab_vector_up1
Shape of tab's upper background part. (Child of 6.4)

6.6 MovieClip - shape
Linkage: tab_vector_up2
Shape of tab's upper border part. (Child of 6.4)

6.7 MovieClip - shape
Linkage:tabs_middle
Tabs appear at the side of the page, illustrating a new chapter. User can quickly access the page by clicking it. Tabs are made of 3 parts: tabs_up, tabs_middle and tabs_down. Tabs_middle is used for middle part of tab. It can stretched horizontally to fill tab's height. In the eDition administration you can easily change the colour of tab. (Parent of 6.8 and 6.9)

6.8 MovieClip - shape
Linkage: tab_vector_middle1
Shape of tab's middle background part. (Child of 6.7)

6.9 MovieClip - shape
Linkage: tab_vector_middle2
Shape of tab's middle border part. (Child of 6.7)

6.10 MovieClip - graphic
Linkage: tabs_down
Tabs appear at the side of the page, illustrating a new chapter. User can quickly access the page by clicking it. Tabs are made of 3 parts: tabs_up, tabs_middle and tabs_down. Tabs_down is used for down part of tab. In the eDition administration you can easily change the colour of tab. (Parent of 6.11 and 6.12)

6.11 MovieClip - shape
Linkage: tab_vector_down1
Shape of tab's bottom background part. (Child of 6.10)  

6.12 MovieClip - shape
Linkage: tab_vector_down2
Shape of tab's bottom border part. (Child of 6.10)

6.13 MovieClip - png
Linkage: mute
Mute button is visible in the left corner of the page when sound file is attached to eDition. Action that is triggered when you click the button sets volume to 0.

6.14 MovieClip - png
Linkage: unMute
Mute button is visible in the left corner of the page when sound file is attached to eDition. Action that is triggered when you click the button sets volume to normal.

6.15 MovieClip - png
Linkage: show_icon
The element is used only in the Settings dialogue box, which separates settings between themselves.

6.16 MovieClip - png
Linkage: windowResizer
The graphic element which is used in the lower right corner of the Window component. It changes window size.

6.17 MovieClip - png
Linkage: stickitSmall
Stick It for used for marking is visible on the top of the page. User can quickly access the marked page by clicking it.  

6.18 MovieClip - png
Linkage: stickit
Stick It for is used to mark the page. It also contains a brief text written in black colour.

Detail description element under set number 7 (Figure ART):

7.1 MovieClip - shape
Linkage: Men
Shape style of task bar. It uses 9 slice scaling of Movie clip. The use of 9 slice is necessary due to stretching the middle size. More detailed description is written on "How it works" section.

7.2 MovieClip
Linkage: Men_buttons_left
Empty Movie Clip used for customized buttons - left align. More detailed description is written on "Custom buttons" section.

7.3 MovieClip
Linkage: Men_buttons_center
Empty Movie Clip used for customized buttons. More detailed description is written on "Custom buttons" section.

7.4 MovieClip
Linkage: Men_buttons_right
Empty Movie Clip used for customized buttons - right align. More detailed description is written on "Custom buttons" section.

Other elements:

Sound
Linkage: pageTurn
The sound used when flipping the page.

In order to download the latest taskbar Flash file, you need to be registered as a developer. To acquire your login user name and password, please contact us at support@edition-digital.co.uk

DOWNLOAD TASKBAR here