ExplorerBar Skin States & Properties

www.progui.co.uk  Top  Previous  Next

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