This documentation is for an older version of ZK. For the latest documentation please
click here.
This documentation is for an older version of ZK. For the latest documentation please
click here.
Listitem and Listcell are used for
Listbox
.
Note:
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
|
-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 |
|
tr.z-list-item, tr.z-list-item a, tr.z-list-item a:visited |
Font size of listitem |
font-size: ${fontSizeM}; font-weight: normal; color: black; text-decoration: none; |
|
|
Background of focused event |
background-image: url(${c:encodeURL('~./zul/img/focusd.png')}); background-repeat: no-repeat; |
|
|
Background of selected event |
background: #b3c8e8; border: 1px solid #6f97d2; |
|
tr.z-list-item-over |
Background of hovered event |
background: #dae7f6; |
|
tr.z-list-item-over-seld |
Background of hovered and selected event |
background: #6eadff; |
|
div.z-list-cell-cnt |
Font size of listcell |
border: 0; margin: 0; padding: 0; font-family: ${fontFamilyC}; font-size: ${fontSizeM}; font-weight: normal; |
