SplitterEx Skin States & Properties

www.progui.co.uk  Top  Previous  Next

SplitterEx Skin States & Properties

Component Name

SplitterEx

State Names

Name

Description

Normal

Horizontal SplitterEx normal state.

Hot

Horizontal SplitterEx hover state when the mouse pointer is over the gripper.

Pressed

Horizontal SplitterEx, when the gripper is pressed.

Normal Vertical

Vertical SplitterEx normal state.

Hot Vertical

Vertical SplitterEx hover state when the mouse pointer is over the gripper.

Pressed Vertical

Vertical SplitterEx, when the gripper is pressed.

Properties

Name

Description

Valid Value/s separated by semi-colon (';')

gripper size

Sets the size of the SplitterEx gripper. If Width or Height are zero then the gripper size fills that dimension.

width: <pixels>

height: <pixels>

first padding

Sets the padding around the first control of the SplitterEx.

top: <pixels>

left: <pixels>

bottom: <pixels>

right: <pixels>

second padding

Sets the padding around the second control of the SplitterEx.

top: <pixels>

left: <pixels>

bottom: <pixels>

right: <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>

gripper background image

Displays a background image

Can be an image or icon file path/name.

gripper 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

gripper 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>

gripper 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>

gripper 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>

gripper overlay image

Sets the second background overlay image.

Can be an image or icon file path/name.

gripper 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

gripper 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>

 

 

SplitterEx Index