Standard Components

Component

All components inherit from CL_GUIComponent, and therefore they all share the base css properties as defined below in CL_Component section.

CL_Component API Reference

Available CSS Properties



Property Type Default Condition Explanation


minimum-width int 0 
minimum-height int 0 
maximum-width int 4026531839 
maximum-height int 4026531839 
preferred-width int 0 
preferred-height int 0 
  
bg-image string none Resource name of image
  
bg-image-sizing [tile, center, repeat, stretch] stretch bg-image is set 
  
bg-image-sizing-left int 0 bg-image-sizing is repeat or stretch 
bg-image-sizing-top int 0 bg-image-sizing is repeat or stretch 
bg-image-sizing-right int 0 bg-image-sizing is repeat or stretch 
bg-image-sizing-bottom int 0 bg-image-sizing is repeat or stretch 
bg-image-sizing-center-width int 0 bg-image-sizing is repeat or stretch 
bg-image-sizing-center-height int 0 bg-image-sizing is repeat or stretch 
  
margin-top int 0 bg-image is not set 
margin-left int 0 bg-image is not set 
margin-right int 0 bg-image is not set 
margin-bottom int 0 bg-image is not set 
  
border-top int 0 
border-left int 0 
border-right int 0 
border-bottom int 0 
  
padding-top int 0 
padding-left int 0 
padding-right int 0 
padding-bottom int 0 
  
bg-color color transparent bg-image is not set 
border-color color transparent bg-image is not set

Property	Type	Default	Condition	Explanation
minimum-width	int	0
minimum-height	int	0
maximum-width	int	4026531839
maximum-height	int	4026531839
preferred-width	int	0
preferred-height	int	0

bg-image	string	none		Resource name of image

bg-image-sizing	[tile, center, repeat, stretch]	stretch	bg-image is set

bg-image-sizing-left	int	0	bg-image-sizing is repeat or stretch
bg-image-sizing-top	int	0	bg-image-sizing is repeat or stretch
bg-image-sizing-right	int	0	bg-image-sizing is repeat or stretch
bg-image-sizing-bottom	int	0	bg-image-sizing is repeat or stretch
bg-image-sizing-center-width	int	0	bg-image-sizing is repeat or stretch
bg-image-sizing-center-height	int	0	bg-image-sizing is repeat or stretch

margin-top	int	0	bg-image is not set
margin-left	int	0	bg-image is not set
margin-right	int	0	bg-image is not set
margin-bottom	int	0	bg-image is not set

border-top	int	0
border-left	int	0
border-right	int	0
border-bottom	int	0

padding-top	int	0
padding-left	int	0
padding-right	int	0
padding-bottom	int	0

bg-color	color	transparent	bg-image is not set
border-color	color	transparent	bg-image is not set

Label

CL_Label API Reference



Part States Explanation


Label Normal, Hot, Disabled

Part	States	Explanation
Label	Normal, Hot, Disabled



Part Property Type Default Condition Explanation


Label text-color color black 
  
Label font-weight int or [normal, bold, bolder, light, lighter] normal 
Label font-size int -11 
Label font-style [none, italic] none 
Label font-family string Tahoma 
  
Label align [left, center, right, justify] left 
Label vertical-align [top, center, bottom] center

Part	Property	Type	Default
Label	text-color	color	black

Label	font-weight	int or [normal, bold, bolder, light, lighter]	normal
Label	font-size	int	-11
Label	font-style	[none, italic]	none
Label	font-family	string	Tahoma

Label	align	[left, center, right, justify]	left
Label	vertical-align	[top, center, bottom]	center

LineEdit

CL_LineEdit API Reference



Part States Explanation


LineEdit Normal, Hot, Disabled 
Selection Normal, Disabled 
Cursor Normal, Disabled

Part	States	Explanation
LineEdit	Normal, Hot, Disabled
Selection	Normal, Disabled
Cursor	Normal, Disabled



Part Property Type Default Condition Explanation


LineEdit text-color color black 
  
LineEdit font-weight int or [normal, bold, bolder, light, lighter] normal 
LineEdit font-size int -11 
LineEdit font-style [none, italic] none 
LineEdit font-family string Tahoma 
  
Selection text-color color white 
  
Selection font-weight int or [normal, bold, bolder, light, lighter] normal 
Selection font-size int -11 
Selection font-style [none, italic] none 
Selection font-family string Tahoma

Part	Property	Type	Default
LineEdit	text-color	color	black

LineEdit	font-weight	int or [normal, bold, bolder, light, lighter]	normal
LineEdit	font-size	int	-11
LineEdit	font-style	[none, italic]	none
LineEdit	font-family	string	Tahoma

Selection	text-color	color	white

Selection	font-weight	int or [normal, bold, bolder, light, lighter]	normal
Selection	font-size	int	-11
Selection	font-style	[none, italic]	none
Selection	font-family	string	Tahoma

ScrollBar

CL_ScrollBar API Reference



Part States Explanation


ScrollBar Normal, Hot, Disabled 
  
ScrollButton.Up Normal, Hot, Disabled, Pressed Only available for vertical scrollbars
ScrollButton.Down Normal, Hot, Disabled, Pressed Only available for vertical scrollbars
ScrollTrack.Up Normal, Hot, Disabled, Pressed Only available for vertical scrollbars
ScrollTrack.Down Normal, Hot, Disabled, Pressed Only available for vertical scrollbars
ScrollThumb.Vertical Normal, Hot, Disabled, Pressed Only available for vertical scrollbars
  
ScrollButton.Left Normal, Hot, Disabled, Pressed Only available for horizontal scrollbars
ScrollButton.Right Normal, Hot, Disabled, Pressed Only available for horizontal scrollbars
ScrollTrack.Left Normal, Hot, Disabled, Pressed Only available for horizontal scrollbars
ScrollTrack.Right Normal, Hot, Disabled, Pressed Only available for horizontal scrollbars
ScrollThumb.Horizontal Normal, Hot, Disabled, Pressed Only available for horizontal scrollbars

Part	States	Explanation
ScrollBar	Normal, Hot, Disabled

ScrollButton.Up	Normal, Hot, Disabled, Pressed	Only available for vertical scrollbars
ScrollButton.Down	Normal, Hot, Disabled, Pressed	Only available for vertical scrollbars
ScrollTrack.Up	Normal, Hot, Disabled, Pressed	Only available for vertical scrollbars
ScrollTrack.Down	Normal, Hot, Disabled, Pressed	Only available for vertical scrollbars
ScrollThumb.Vertical	Normal, Hot, Disabled, Pressed	Only available for vertical scrollbars

ScrollButton.Left	Normal, Hot, Disabled, Pressed	Only available for horizontal scrollbars
ScrollButton.Right	Normal, Hot, Disabled, Pressed	Only available for horizontal scrollbars
ScrollTrack.Left	Normal, Hot, Disabled, Pressed	Only available for horizontal scrollbars
ScrollTrack.Right	Normal, Hot, Disabled, Pressed	Only available for horizontal scrollbars
ScrollThumb.Horizontal	Normal, Hot, Disabled, Pressed	Only available for horizontal scrollbars



Part Property Type Default Condition Explanation

Note: ScrollButton parts use preferred size, and should be set.

PushButton

CL_PushButton API Reference



Part States Explanation


Button Normal, Hot, Pressed, Defaulted, Disabled, Flat 
Focus Normal

Part	States	Explanation
Button	Normal, Hot, Pressed, Defaulted, Disabled, Flat
Focus	Normal



Part Property Type Default Condition Explanation


Button text-color color black 
  
Button font-weight int or [normal, bold, bolder, light, lighter] normal 
Button font-size int -11 
Button font-style [none, italic] none 
Button font-family string Tahoma 
  
Button align [left, center, right, justify] left 
Button vertical-align [top, center, bottom] center

Part	Property	Type	Default
Button	text-color	color	black

Button	font-weight	int or [normal, bold, bolder, light, lighter]	normal
Button	font-size	int	-11
Button	font-style	[none, italic]	none
Button	font-family	string	Tahoma

Button	align	[left, center, right, justify]	left
Button	vertical-align	[top, center, bottom]	center

ListView

CL_ListView API Reference



Part States Explanation


ListView Normal 
Row Normal, Alternate 
Row_opener Open, Closed 
Selection Normal 
Columns_bg Normal 
Column Normal This is only the background for the columns behind cells, not the header
Cell Normal, Details, Icons Details and Icons states are only available in their specific listviewmodes
Icon_selection Normal 
mouse_selection Normal

Part	States	Explanation
ListView	Normal
Row	Normal, Alternate
Row_opener	Open, Closed
Selection	Normal
Columns_bg	Normal
Column	Normal	This is only the background for the columns behind cells, not the header
Cell	Normal, Details, Icons	Details and Icons states are only available in their specific listviewmodes
Icon_selection	Normal
mouse_selection	Normal



Part Property Type Default Condition Explanation


Cell font-weight int or [normal, bold, bolder, light, lighter] normal 
Cell font-size int -11 
Cell font-style [none, italic] none 
Cell font-family string Tahoma 
  
Cell text-color color black 
Cell text-color-selected color white 
  
Cell icon-color color white 
Cell icon-color-selected color white 
Cell icon-color-overlay color white 
Cell icon-color-selected-overlay color white 
  
Row_opener offset-x int 0 Only in listview_mode_details
Row_opener offset-y int 0 Only in listview_mode_details
Row indent-width int 20 Only in listview_mode_details
Cell opener-icon-gap int 6 Only in listview_mode_details
Cell icon-text-gap int 6 Only in listview_mode_details
Cell icon-offset-y int 0 Only in listview_mode_details
Cell icon-width int 16 Only in listview_mode_details and listview_mode_icons
Cell icon-height int 16 Only in listview_mode_details and listview_mode_icons
Cell line-edit-offset-left int 0 Only in listview_mode_details and listview_mode_icons
Cell line-edit-offset-top int 0 Only in listview_mode_details and listview_mode_icons
Cell line-edit-offset-bottom int 0 Only in listview_mode_details and listview_mode_icons
Cell line-edit-offset-right int 0 Only in listview_mode_details and listview_mode_icons

Part	Property	Type	Default	Explanation
Cell	font-weight	int or [normal, bold, bolder, light, lighter]	normal
Cell	font-size	int	-11
Cell	font-style	[none, italic]	none
Cell	font-family	string	Tahoma

Cell	text-color	color	black
Cell	text-color-selected	color	white

Cell	icon-color	color	white
Cell	icon-color-selected	color	white
Cell	icon-color-overlay	color	white
Cell	icon-color-selected-overlay	color	white

Row_opener	offset-x	int	0	Only in listview_mode_details
Row_opener	offset-y	int	0	Only in listview_mode_details
Row	indent-width	int	20	Only in listview_mode_details
Cell	opener-icon-gap	int	6	Only in listview_mode_details
Cell	icon-text-gap	int	6	Only in listview_mode_details
Cell	icon-offset-y	int	0	Only in listview_mode_details
Cell	icon-width	int	16	Only in listview_mode_details and listview_mode_icons
Cell	icon-height	int	16	Only in listview_mode_details and listview_mode_icons
Cell	line-edit-offset-left	int	0	Only in listview_mode_details and listview_mode_icons
Cell	line-edit-offset-top	int	0	Only in listview_mode_details and listview_mode_icons
Cell	line-edit-offset-bottom	int	0	Only in listview_mode_details and listview_mode_icons
Cell	line-edit-offset-right	int	0	Only in listview_mode_details and listview_mode_icons

Note: Cell and Part_opener use preferred size, and should be set.

ListView Header

CL_ListViewHeader API Reference



Part States Explanation


Listview_header Normal 
Columnheader Normal, Pressed, Hot

Part	States	Explanation
Listview_header	Normal
Columnheader	Normal, Pressed, Hot



Part Property Type Default Condition Explanation


Listview_header text-color color black 
Listview_header font-weight int or [normal, bold, bolder, light, lighter] normal 
Listview_header font-size int -11 
Listview_header font-style [none, italic] none 
Listview_header font-family string Tahoma