Biglistbox

From Documentation
Revision as of 04:18, 2 April 2012 by Jumperchen (talk | contribs) (Created page with "{{ZKStyleGuidePageHeader}} __TOC__ This is the '''Default''' mold for '''Biglistbox'''. =Structure= Image:Biglistbox_Style_1.PNG Image:Biglistbox_Style_2.PNG [[Ima...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


This is the Default mold for Biglistbox.

Structure

Biglistbox Style 1.PNG

Biglistbox Style 2.PNG

Biglistbox Style 3.PNG

Biglistbox Style 4.PNG

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-biglistbox -over -seld -over-seld
Supported: V ! ! !

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification

Class Name Description Default Values
.z-biglistbox main layout overflow: hidden;

zoom: 1; background: #FFFFFF; border: 1px solid #CFCFCF; background-image: url(${c:encodeThemeURL('~./zul/img/grid/column-bg.png')}); position: relative;

tr.z-biglistbox-seld Selection background-image: url(${c:encodeThemeURL('~./zul/img/tree/item-sel.png')});
.z-portalchildren-body Overflow overflow: hidden; zoom: 1;
tr.z-biglistbox-over Mouse over background-image: url(${c:encodeThemeURL('~./zul/img/grid/column-over.png')});
tr.z-biglistbox-over > td Mouse over border-top: 1px solid #e3f2ff;

border-bottom: 1px solid #e3f2ff;

.z-portalchildren-body Overflow overflow: hidden; zoom: 1;
tr.z-biglistbox-over-seld Mouse over and selection background: #c5e8fa;
tr.z-biglistbox-odd Stripe background: #F7F7F7;
tr.z-biglistbox-odd > td Stripe border-color: #F7F7F7 #F7F7F7 #F7F7F7 #FFFFFF;



Last Update : 2012/04/02

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