Colorbox

From Documentation

Colorbox

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion pe-ee.png

Employment/Purpose

A Colorbox used to retrieve an input that the user can select a color.

Example

ZKComRef Colorbox Examples.PNG

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

ZKComRef Colorbox Examples2.PNG

    <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

Name
Event Type
onChange
Event: InputEvent

Notifies the application with the onChange event if its content is changed


Supported Children

*None

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/03/17


Version Date Content
     


Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.