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.
Bandbox is composed of two parts, an input box and a button.
Source:
Structure:
Events:
|
Action: |
Normal (Open) |
Hover |
Click, Select, and Drag. |
Focus |
Focus and Hover |
Disable |
|
CSS naming: |
|
|
|
|
|
-disd |
|
Supported |
V |
V |
V |
V |
V |
! |
Note: An exclamation mark(!) means the action effect uses CSS opacity
to do it, not CSS
background-position
.
CSS Specification:
|
Class Name |
Description |
Default Values |
|
|
Font size |
border: 0; padding: 0; margin: 0; white-space: nowrap; font-family: ${fontFamilyC};font-size: ${fontSizeM}; font-weight: normal; repeat-x; |
|
.z-bandbox-inp |
Background of input element |
background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg.gif')}) repeat-x 0 0; border: 1px solid #7F9DB9; |
|
.z-bandbox-text-invalid |
Background of invalidated |
background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg-invalid.gif')}) repeat-x 0 0; border: 1px solid #DD7870; |
|
.z-bandbox-readonly, .z-bandbox-text-disd |
Background of disabled and read only |
background: #ECEAE4; |
|
.z-bandbox .z-bandbox-img |
Background of the button image |
background: transparent url(${c:encodeURL('~./zul/img/button/bandbtn.gif')}) no-repeat 0 0; vertical-align: top; cursor: pointer; width: 17px; height: 19px; border: 0; border-bottom: 1px solid #86A4BE; |
