Image:stop.png This documentation is for an older version of ZK. For the latest documentation please click here.
Comboitem
Single Page

Comboitem

Comboitem belongs to Combobox as a row item, which distributes into four parts: image, label, content, and description.

Source:

Mold: Default

Structure:

Overview

Events:

Action:

Normal (Open)

Hover

Click, Select, and Drag.

Focus

Focus and Hover

Disable

CSS naming:

z-combo-item

-over

-seld

-over-seld

-disd

Supported

V

!

!

!

Note: An exclamation mark(!) means the action effect uses CSS background to do it, not CSS background-position .

CSS Specification:

Class Name

Description

Default Values

.z-combo -item.z-combobox-pp .z-combo-item, .z-combobox-pp .z-combo-item a, .z-combobox-pp .z-combo-item a:visited

Font size

font-size: ${fontSizeM}; font-weight: normal; color: black;

text-decoration: none;

.z-combobox-pp .z-combo-item-text, .z-combobox-pp .z-combo-item-img

Font size

white-space: nowrap; font-size: ${fontSizeS}; cursor: pointer;

.z-combobox-pp .z-combo-item-inner, .z-combobox-pp .z-combo-item-cnt

Color and font size of Comboitem's description and content

color: #888; font-size: ${fontSizeXS}; padding-left: 6px;