revision : 14206
Documentation:
Developer can have a toggle image by defining the styleClass on the component:
(e.g.) jsp
<ice:panelCollapsible styleClass="pnlClpsblDemo">
(e.g.) css
.pnlClpsblDemoHdr span, .pnlClpsblDemoHdr-dis span,
.pnlClpsblDemoColpsdHdr span, .pnlClpsblDemoColpsdHdr-dis span
{
padding-left: 18px;
}
.pnlClpsblDemoHdr div, .pnlClpsblDemoHdr-dis div,
.pnlClpsblDemoColpsdHdr div, .pnlClpsblDemoColpsdHdr-dis div
{
background-repeat: no-repeat;
background-position: left top;
}
.pnlClpsblDemoHdr div, .pnlClpsblDemoHdr-dis div
{
background-image: url( "../images/panelCollapsible/arrowDown.gif" );
}
.pnlClpsblDemoColpsdHdr div, .pnlClpsblDemoColpsdHdr-dis div
{
background-image: url( "../images/panelCollapsible/arrowUp.gif" );
}
revision : 14206
Documentation:
Developer can have a toggle image by defining the styleClass on the component:
(e.g.) jsp
<ice:panelCollapsible styleClass="pnlClpsblDemo">
(e.g.) css
{ padding-left: 18px; }.pnlClpsblDemoHdr span, .pnlClpsblDemoHdr-dis span,
.pnlClpsblDemoColpsdHdr span, .pnlClpsblDemoColpsdHdr-dis span
.pnlClpsblDemoHdr div, .pnlClpsblDemoHdr-dis div,
{ background-repeat: no-repeat; background-position: left top; }.pnlClpsblDemoColpsdHdr div, .pnlClpsblDemoColpsdHdr-dis div
.pnlClpsblDemoHdr div, .pnlClpsblDemoHdr-dis div
{ background-image: url( "../images/panelCollapsible/arrowDown.gif" ); }.pnlClpsblDemoColpsdHdr div, .pnlClpsblDemoColpsdHdr-dis div
{ background-image: url( "../images/panelCollapsible/arrowUp.gif" ); }