Groupbox 3D

Groupbox 3D
Prev	1. XUL Components	Next

Groupbox 3D

In 3d mold, Groupbox is composed of three parts, title part, content part, and shadow part.

Title part

CSS Definition	Description	Default Values
`td.groupbox-3d-tl`	The left corner of title	`background-image: url(` `${c:encodeURL('~./zul/img/tab/3d-tl-uns.gif')}` `);` width: 5px; height: 5px;
`td.groupbox-3d-tm`	The top outline of title	background-image: url(${c:encodeURL('~./zul/img/tab/3d-tm-uns.gif')}); height: 5px;
`td.groupbox-3d-tr`	The right corner of title	background-image: url(${c:encodeURL('~./zul/img/tab/3d-tr-uns.gif')}); width: 5px; height: 5px;
td.groupbox-3d-ml	The left outline of title	background-image: url(${c:encodeURL('~./zul/img/tab/3d-ml-uns.gif')}); width: 5px;
td.groupbox-3d-mm	The center of title	background-image: url(${c:encodeURL('~./zul/img/tab/3d-mm-uns.gif')});
td.groupbox-3d-b	The bottom outline of title	background-image: url(${c:encodeURL('~./zul/img/tab/3d-b.gif')}); height: 1px;

Content part

CSS Definition	Description	Default Values
`div.gc-default`	The content outline of title	`border: 1px solid #5C6C7C; padding: 5px;`

Shadow part

CSS Definition	Description	Default Values
`td.groupbox-3d-shdl`	The left corner of shadow	`background-image: url(` `${c:encodeURL('~./img/shdlf.gif')}` `);` width: 6px; height: 6px;
`td.groupbox-3d-shdm`	The center outline of shadow	background-image: url(${c:encodeURL('~./img/shdmd.gif')});
`td.groupbox-3d-shdr`	The right corner of shadow	background-image: url(${c:encodeURL('~./img/shdrg.gif')}); width: 6px; height: 6px;

Prev	Up	Next
Grid	Home	Groupbox