Modifying Flash Skins/Components

Skins are a way of changing the look and feel of the Flash .SWF files produced by DataPlayer. Using skins, all of the elements within the DataPlayer .SWF file can be changed to fit a corporate look and feel, adapt to touch/kiosk screens of various sizes, etc. By selecting different skins, it is possible to change colours and most other aspects of the elements within any DataPlayer.

A catalogue of DataPlayer Flash skins and components is being developed. Knowledgeable developers may wish to create their own. If you are interested in creating new skins and components for DataPlayers, please contact us.

Requirements for creating new skins

• Knowledge of Adobe/Macromedia Flash
• Adobe/Macromedia Flash (version 6 or better .SWF files)
• Omniscope DataPlayer or Enterprise Edition
• DataPlayer Skin Template (download)

Visokio Flash Skin Template File

The Omniscope DataPlayer Flash Skin Template file is a .FLA file that is opened using the Adobe/Macromedia Flash application. The stage is blank as this file is just a store of components that is used by the DataPlayer View .SWF creation part of the application. In order to see these components, open up the Library by going to the Window menu and choosing Library. Alternatively, use the keyboard shortcut Ctrl-L.

In the Library are a number of folders named after different parts of the application. In each folder are all the elements required to alter the look and feel of the DataPlayers produced by Visokio applications.

Descriptions of the elements required to make each of the components can be found on the links below:

• Barometer
• Buttons
• Details
• Frame
• Query Devices
• ScrollBar
• Tooltips

---

Component- Barometer

Elements

Element Name	Required	Can resize vertically	Can resize horizontally
BAROMETER_INNER	yes	no	yes
BAROMETER_INNER_L	yes	no	no
BAROMETER_INNER_R	yes	no	no
BAROMETER_L	yes	no	no
BAROMETER_R	yes	no	no
BAROMETER_TRACK	yes	no	yes

Color replacements

Name: Barometer
Color: 0xFF9900

(back to top)

---

Component-Buttons

Fetch Buttons

Elements

Element Name	Required	Can resize vertically	Can resize horizontally
FETCH_DISABLED	yes	no	no
FETCH_ENABLED	yes	no	no

Color replacements

none

----------------------------------------------------------------------------------

Reset Buttons

Elements

Element Name	Required	Can resize vertically	Can resize horizontally
BUTTON_RESET_DISABLED	yes	no	no
BUTTON_RESET_ENABLED	yes	no	no

Color replacements

none

(back to top)

---

Component-Details

Elements

Outer Frame

Element Name	Required	Can resize vertically	Can resize horizontally
DOD_OUTER_BL	yes	no	no
DOD_OUTER_BM	yes	no	yes
DOD_OUTER_BR	yes	no	no
DOD_OUTER_FILL	yes	yes	yes
DOD_OUTER_ML	yes	yes	no
DOD_OUTER_MR	yes	yes	no
DOD_OUTER_TL	yes	no	no
DOD_OUTER_TM	yes	no	yes
DOD_OUTER_TR	yes	no	no

Inner Frame

Element Name	Required	Can resize vertically	Can resize horizontally
DOD_INNER_BL	yes	no	no
DOD_INNER_BM	yes	no	yes
DOD_INNER_BR	yes	no	no
DOD_INNER_FILL	yes	yes	yes
DOD_INNER_ML	yes	yes	no
DOD_INNER_MR	yes	yes	no
DOD_INNER_TL	yes	no	no
DOD_INNER_TM	yes	no	yes
DOD_INNER_TR	yes	no	no

Buttons

Element Name	Required	Can resize vertically	Can resize horizontally
DOD_BUTTON_CLOSE	yes	no	no
DOD_BUTTON_NEXT	yes	no	no
DOD_BUTTON_PREV	yes	no	no

Color replacements

Color name	Color
Frame background	0x000000
Frame foreground	0xFFFFFF

(back to top)

---

Component-Frame

Elements

Outer Frame

Element Name	Required	Can resize vertically	Can resize horizontally
FRAME_OUTER_BL	yes	no	no
FRAME_OUTER_BM	yes	no	yes
FRAME_OUTER_BR	yes	no	no
FRAME_OUTER_FILL	yes	yes	yes
FRAME_OUTER_ML	yes	yes	no
FRAME_OUTER_MR	yes	yes	no
FRAME_OUTER_TL	yes	no	no
FRAME_OUTER_TM	yes	no	yes
FRAME_OUTER_TR	yes	no	no

Inner Frame

Element Name	Required	Can resize vertically	Can resize horizontally
FRAME_INNER_BL	yes	no	no
FRAME_INNER_BM	yes	no	yes
FRAME_INNER_BR	yes	no	no
FRAME_INNER_FILL	yes	yes	yes
FRAME_INNER_ML	yes	yes	no
FRAME_INNER_MR	yes	yes	no
FRAME_INNER_TL	yes	no	no
FRAME_INNER_TM	yes	no	yes
FRAME_INNER_TR	yes	no	no

---

Component-Query Devices

Query Device Frame

Outer Frame

Element Name	Required	Can resize vertically	Can resize horizontally
QD_OUTER_BL	yes	no	no
QD_OUTER_BM	yes	no	yes
QD_OUTER_BR	yes	no	no
QD_OUTER_FILL	yes	yes	yes
QD_OUTER_ML	yes	yes	no
QD_OUTER_MR	yes	yes	no
QD_OUTER_TL	yes	no	no
QD_OUTER_TM	yes	no	yes
QD_OUTER_TR	yes	no	no

Inner Frame

Checkboxes

Element Name	Required	Can resize vertically	Can resize horizontally
QD_CHECKBOX_OFF	yes	no	no
QD_CHECKBOX_ON	yes	no	no

Feature checkbox

Element Name	Required	Can resize vertically	Can resize horizontally
QD_FEATURE_OFF	yes	no	no
QD_FEATURE_ON	yes	no	no

(back to top)

---

Slider

(back to top)

---

Spacer

(back to top)

---

Knowledge Base Top