View source for Image Elements

== Static Icon (ICO) ==
[[File:Properties ICO.png|right]]
[[File:ICO.png|128x128px]]
 '''General'''
 Show the basic information of the element
 <u>X</u> and <u>Y</u> is the location of element on screen, reference point is element top-left corner
 <u>Width</u> and <u>Height</u> are in pixels
 top-left corner of the screen = 0,0

 '''Style'''
 <u>Transparent</u> = False by default
 True: enable transparent effect to show the IMG_ICO
 Auto: enable transparent effect and pick a high possible color as Transparent color
 <u>Transparent Color</u> assign one color in the IMG_ICO that show as transparent
 suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…)

 '''Content'''
 <u>Resources</u> option are Icons(default) / Icon Pack
 <u>Icon</u> select an IMG_ICO to be display
 <u>Mode</u> options are Normal (crop the icon into element Width and Height) / Resize (resize the image into the Width and Height)

 '''Properties Control (advance feature)'''
 <u>Enable VP</u> is none by default (element operate normally)
 Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
 <u>Icon Pack VP</u> is none by default (using the above selected one)
 Select a VP for real time Icon Pack change. VP value will copy the above IMG_ICO ID at power-on.
 <u>Icon VP</u> is none by default (using the above selected font)
 Select a VP for real time IMG_ICON change. VP value will copy the above IMG_ICO ID at power-on.
 <u>Transparent color VP</u> is none by default (using the above selected color)
 Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
 <u>Transparent VP</u> is none by default (using the above option)
 Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
 It can be enabled by a non-zero value or disable by a zero

== Animation Element (ANI) ==
[[File:Properties ANI.png|right]]
[[File:ANI.png|128x128px]]
 '''General'''
 Show the basic information of the element
 <u>X</u> and <u>Y</u> is the location of element on screen, reference point is element top-left corner
 <u>Width</u> and <u>Height</u> are in pixels
 top-left corner of the screen = 0,0

 '''Style'''
 <u>Transparent</u> = False by default
 True: enable transparent effect to show the IMG_ANI
 <u>Transparent Color</u> one color in the IMG_ANI could show as transparent.
 suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…) 

 '''Format'''
 <u>Loop-Play</u> = false by default, it will stop at the last frame of the IMG_ANI and keep showing it on screen
 <u>Play Speed</u> = 100ms per frame by default 

 '''Content'''
 <u>Animation</u> select a IMG_ANI to show

 '''Properties Control (advance feature)'''
 <u>Enable VP</u> is none by default (element operate normally)
 Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
 <u>Animation VP</u> is none by default (using the above selected font)
 Select a VP for real time IMG_ANI change. VP value will copy the above IMG_ICO ID at power-on.
 <u>Transparent color VP</u> is none by default (using the above selected color)
 Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
 <u>Transparent VP</u> is none by default (using the above option)
 Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
 It can be enabled by a non-zero value or disable by a zero