Colorbox"
From Documentation
Jumperchen (talk | contribs) |
|||
(6 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
*JavaScript API: <javadoc directory="jsdoc">zkex.inp.Colorbox</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zkex.inp.Colorbox</javadoc> | ||
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Colorbox | Colorbox]] | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Colorbox | Colorbox]] | ||
− | + | {{ZK PE}} | |
= Employment/Purpose = | = Employment/Purpose = | ||
A Colorbox used to retrieve an input that the user can select a color. | A Colorbox used to retrieve an input that the user can select a color. | ||
− | |||
− | |||
= Example = | = Example = | ||
Line 21: | Line 19: | ||
<colorbox color="#FFFFFF" /> | <colorbox color="#FFFFFF" /> | ||
</source> | </source> | ||
+ | |||
+ | |||
+ | = Key control = | ||
+ | |||
+ | {{versionSince| 6.0.0}} | ||
+ | |||
+ | Pressing left, right, up, or down arrow keys to change the selected color. | ||
+ | |||
+ | = Colorbox in Menu = | ||
+ | By setting <code>content</code> attribute of <code><menu></code> to create a colorbox in menu. | ||
[[Image:ZKComRef_Colorbox_Examples2.PNG]] | [[Image:ZKComRef_Colorbox_Examples2.PNG]] | ||
− | < | + | |
− | + | <syntaxhighlight lang="xml" highlight='5'> | |
− | + | <menubar id="menubar" width="100%"> | |
− | + | <menu label="Color" iconSclass="z-icon-binoculars"> | |
− | + | <menupopup> | |
− | + | <menuitem label="Index" onClick="alert(self.label)" /> | |
− | + | <menu label="Color Picker" content="#color=#184dc6"/> | |
− | + | </menupopup> | |
− | + | </menu> | |
− | </ | + | </menubar> |
+ | </syntaxhighlight> | ||
=Supported Events= | =Supported Events= | ||
− | {| | + | {| class='wikitable' | width="100%" |
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
Line 53: | Line 62: | ||
=Use Cases= | =Use Cases= | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
Line 63: | Line 72: | ||
=Version History= | =Version History= | ||
{{LastUpdated}} | {{LastUpdated}} | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- |
Latest revision as of 09:53, 17 March 2022
Colorbox
- Available for ZK:
Employment/Purpose
A Colorbox used to retrieve an input that the user can select a color.
Example
<colorbox color="#FFFFFF" />
Key control
Since 6.0.0
Pressing left, right, up, or down arrow keys to change the selected color.
Colorbox in Menu
By setting content
attribute of <menu>
to create a colorbox in menu.
<menubar id="menubar" width="100%">
<menu label="Color" iconSclass="z-icon-binoculars">
<menupopup>
<menuitem label="Index" onClick="alert(self.label)" />
<menu label="Color Picker" content="#color=#184dc6"/>
</menupopup>
</menu>
</menubar>
Supported Events
Event: InputEvent
Notifies the application with the onChange event if its content is changed |
- Inherited Supported Events: XulElement
Supported Children
*None
Use Cases
Version | Description | Example Location |
---|---|---|
Version History
Version | Date | Content |
---|---|---|