ExplorerBar Skin States & Properties
Component Name
ExplorerBar
State Name
Name
|
Description
|
Normal
|
General properties for the whole ExplorerBar.
|
Properties
Name
|
Description
|
Valid Value/s separated by semi-colon (';')
|
margin
|
Margin padding space inside the ExplorerBar.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
group padding
|
Padding space around each group.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
group margin
|
Margin padding space inside each group.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
item padding
|
Padding space around each group item.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
header height
|
Height of each group header.
|
<pixels>
|
item height
|
Height of each group item.
|
<pixels>
|
background image
|
Displays a background image.
|
Can be an image or icon file path/name.
|
background position
|
Sets the position of the background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
background
|
Sets the background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
border image
|
Sets the border image.
|
Can be an image or icon file path/name.
The following optional parameters manually specify the border rectangle used to create the border:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
border mask
|
Sets the border mask.
|
Can be an image/icon file path/name or null to automatically generate mask from border image or -1 to not use a mask or -2 to automatically generate mask from border image but not render the border.
The following optional parameters manually specify the border rectangle used to create the border mask:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
overlay image
|
Sets the second background overlay image.
|
Can be an image or icon file path/name.
|
overlay position
|
Sets the position of the second overlay background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
overlay
|
Sets the second overlay background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
group background image
|
Displays a background image.
|
Can be an image or icon file path/name.
|
group background position
|
Sets the position of the background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
group background
|
Sets the background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
group border image
|
Sets the border image.
|
Can be an image or icon file path/name.
The following optional parameters manually specify the border rectangle used to create the border:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
group border mask
|
Sets the border mask.
|
Can be an image/icon file path/name or null to automatically generate mask from border image or -1 to not use a mask or -2 to automatically generate mask from border image but not render the border.
The following optional parameters manually specify the border rectangle used to create the border mask:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
group overlay image
|
Sets the second background overlay image.
|
Can be an image or icon file path/name.
|
group overlay position
|
Sets the position of the second overlay background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
group overlay
|
Sets the second overlay background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
Component Names
ExplorerBar Group Header, ExplorerBar Group Item
State Names
Name
|
Description
|
Normal
|
Normal header/item state.
|
Hot
|
Hover state when the mouse pointer is over the header/item.
|
Pressed
|
When the header/item is pressed.
|
Disabled
|
The header/item is disabled.
|
ExplorerBar Group Header Only States
|
selected
|
Normal collapsed state.
|
selected hot
|
Collapsed hover state when the mouse pointer is over the header.
|
selected pressed
|
When the header is in the collapsed state and pressed.
|
Properties
Name
|
Description
|
Valid Value/s separated by semi-colon (';')
|
background image
|
Displays a background image.
|
Can be an image or icon file path/name.
|
background position
|
Sets the position of the background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
background
|
Sets the background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
border image
|
Sets the border image.
|
Can be an image or icon file path/name.
The following optional parameters manually specify the border rectangle used to create the border:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
border mask
|
Sets the border mask.
|
Can be an image/icon file path/name or null to automatically generate mask from border image or -1 to not use a mask or -2 to automatically generate mask from border image but not render the border.
The following optional parameters manually specify the border rectangle used to create the border mask:
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
overlay image
|
Sets the second background overlay image.
|
Can be an image or icon file path/name.
|
overlay position
|
Sets the position of the second overlay background image.
|
x: centre / repeat / <pixels> / <value>%
y: centre / repeat / <pixels> / <value>%
top: centre / repeat / <pixels> / <value>%
bottom: centre / repeat / <pixels> / <value>%
left: centre / repeat / <pixels> / <value>%
right: centre / repeat / <pixels> / <value>%
stretch: true / false
tile: true / false
masked: true / false
|
overlay
|
Sets the second overlay background colour, gradient or theme.
|
Can be a colour, gradient or background theme constant (Please see AddPanelExPage for a description of the possible values).
gradient: <start_colour>, <end_colour>
gradient: <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>
gradient: vertical / rectangle / ellipse, <start_colour>, <end_colour>, <pos.f>, <colour>, <pos.f>, <colour>, ...
<colour>
<theme constant>
|
image
|
Sets the image to use as the header/item icon.
|
Can be an image or icon file path/name.
noclip: true / false
|
image position
|
Sets the position of the image/icon.
|
x: centre / <pixels> / <value>%
y: centre / <pixels> / <value>%
top: centre / <pixels> / <value>%
bottom: centre / <pixels> / <value>%
left: centre / <pixels> / <value>%
right: centre / <pixels> / <value>%
|
image padding
|
Sets the padding size around the header/item image.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
text
|
Sets the text font and colour.
|
font: <name>, <point-size>
font: <name>, <point-size>, italic / underline / bold / strikethrough, .. , ...
colour: <colour>
|
text position
|
Sets the position of the text.
|
x: centre / <pixels> / <value>%
y: centre / <pixels> / <value>%
top: centre / <pixels> / <value>%
bottom: centre / <pixels> / <value>%
left: centre / <pixels> / <value>%
right: centre / <pixels> / <value>%
|
text padding
|
Sets the padding size around the text.
|
top: <pixels>
bottom: <pixels>
left: <pixels>
right: <pixels>
|
cursor
|
Sets the mouse pointer/cursor for the state.
|
appstarting
arrow
cross
hand
help
ibeam
no
size
sizeall
sizenesw
sizens
sizenwse
sizewe
uparrow
wait
<HCURSOR>
|
ExplorerBar Index
|