- Classes names for the representation of the input field a=
nd icon containing selected
- color
-
-
-
- Selector name
- Description
-
-
-
-
- .rich-colorpicker-span input
- Defines styles for the input field that contains =
selected color
-
-
- .rich-colorpicker-icon
- Defines styles for the icon
-
-
-
-
-
- Classes names for the widget
-
-
-
- Class name
- Description
-
-
-
-
- .rich-colorpicker-ext
- Defines styles for the wrapper <div> elemen=
t of a widget
-
-
- .rich-colorpicker-color
- Defines styles for the color palette
-
-
- .rich-colorpicker-current-color
- Defines styles for the currently selected color
-
-
- .rich-colorpicker-new-color
- Defines styles for the already selected color
-
-
- .rich-colorpicker-colors-input
- Defines styles for the hex, RGB, and HSB input fi=
leds
-
-
-
-
-
- Classes names for the buttons representation
-
-
-
- Class name
- Description
-
-
-
-
- .rich-color-picker-submit
- Defines styles for the "Apply" button
-
-
- .rich-color-picker-cancel
- Defines styles for the "Cancel" button
-
-
-
-
- You can find all necessary information about style classes redefini=
tion in =
+
+
+ Style classes (selectors) with the corresponding skin paramete=
rs
+
+
+
+ Class (selector) name
+ Description
+ Skin Parameter
+ CSS properties mapped
+
+
+ =
+
+ .rich-colorpicker-ext
+ Defines styles for the component widget
+ panelBorderColor
+ border-color
+
+
+ generalBackgroundColor
+ background-color
+
+
+ generalFamilyFont
+ font-family
+
+ =
+
+ .rich-color-picker-span input
+ Defines styles for the input field that cont=
ains selected color
+ panelBorderColor
+ border-color
+
+
+ generalSizeFont
+ font-size
+
+
+ generalFamilyFont
+ font-family
+
+ =
+
+ .rich-color-picker-ext input
+ Defines styles for the input field within t=
he component widget
+ controlTextColor
+ color
+
+
+ controlBackgroundColor
+ background-color
+
+ =
+
+ .rich-color-picker-ext label
+ Defines styles for the label within the comp=
onent widget
+ generalTextColor
+ color
+
+
+ generalSizeFont
+ font-size
+
+
+ generalFamilyFont
+ font-family
+
+ =
+
+ .rich-color-picker-icon
+ Defines styles for the component icon
+ panelBorderColor
+ border-color
+
+ =
+
+ .rich-color-picker-color
+ Defines styles for the color palette
+ panelBorderColor
+ border-color
+
+ =
+
+ .rich-color-picker-new-color
+ Defines styles for the already selected color
+ panelBorderColor
+ border-color
+
+ =
+
+ .rich-color-picker-current-color
+ Defines styles for the currently selected color
+ panelBorderColor
+ border-color
+
+ =
+
+ .rich-color-picker-cancel
+ Defines styles for the "Cancel" bu=
tton
+ buttonFontSize
+ font-size
+
+
+ buttonFamilyFont, generalFamilyFont
+ font-family
+
+
+ headerTextColor
+ color
+
+
+ headerBackgroundColor, panelBorderColor
+ border-color
+
+
+ headerBackgroundColor
+ background-color
+
+ =
+
+ .rich-color-picker-submit
+ Defines styles for the "Apply" but=
ton
+ buttonFontSize, panelBorderColor
+ font-size
+
+
+ buttonFamilyFont, generalFamilyFont
+ font-family
+
+
+ headerTextColor
+ color
+
+
+ headerBackgroundColor, panelBorderColor
+ border-color
+
+
+ headerBackgroundColor
+ background-color
+
+ =
+
+ .rich-color-picker-colors-input
+ Defines styles for the hex, RGB, and HSB inp=
ut fileds
+ generalSizeFont
+ font-size
+
+
+ generalFamilyFont
+ font-family
+
+
+ generalTextColor
+ color
+
+
+ panelBorderColor
+ border-color
+
+
+ controlBackgroundColor
+ background-color
+
+ =
+
+
+
+
+ Style classes (selectors) without skin parameters
+
+
+
+ Selector name
+ Description
+
+
+ =
+
+ .rich-color-picker-span
+ Defines styles for the wrapper <span> element of the =
component
+
+
+ .rich-color-picker-wrapper
+ Defines styles for the wrapper <div> element of a wid=
get
+
+
+ .rich-color-picker-color div div
+ Defines styles for the color picker icon within the color p=
alette
+
+
+ .rich-color-picker-rainbow
+ Defines styles for the widget rainbow
+
+
+ .rich-color-picker-rainbow div
+ Defines styles for the slider of the widget rainbow
+
+
+ .rich-color-picker-hex-wrapper
+ Defines styles for the wrapper of the region for selecting =
a color in the hex model
+
+
+ .rich-color-picker-rgb-wrapper
+ Defines styles for the wrapper of the region for selecting =
a color in the RGB model
+
+
+ .rich-color-picker-rgb-r
+ Defines styles for the region for setting red color intensi=
ty in the RGB model
+
+
+ .rich-color-picker-rgb-g
+ Defines styles for the region for setting green color inten=
sity in the RGB model
+
+
+ .rich-color-picker-rgb-b
+ Defines styles for the region for setting blue color intens=
ity in the RGB model
+
+
+ .rich-color-picker-hsb-wrapper
+ Defines styles for the wrapper of the region for selecting =
a color in the HSB color scheme
+
+
+ .rich-color-picker-hsb-h
+ Defines styles for the region for setting the H value in th=
e HSB color scheme
+
+
+ .rich-color-picker-hsb-s
+ Defines styles for the region for setting the S value in th=
e HSB color scheme
+
+
+ .rich-color-picker-hsb-b
+ Defines styles for the region for setting the B value in th=
e HSB color scheme
+
+
+
+
+ =
+ You can find all necessary information about style classes redef=
inition in =
Definition of Custom Style Classes =
- section.
+ section.Relevant Resources Links
- On the component LiveDemo page yo=
u can see the example of
+ On the component LiveDemo page yo=
u can see the example of the <rich:colorPicker> component usage and sources for the given example.
--===============5503343195812500587==--