Customize SectionHeader

[ppratik]

Hello,

I have sectionStack with eight expandible and collapsible section. Out of eight some section header need to be displayed with different background color.

How can I customize sectionHeader to display different background color and icon?? I also want to display open and close image at right end instead of left.

Please guide me how can I achieve that.


isc.SectionStack.create({

width: "100%", height: "100%",
border:"1px solid",
sections: [
{
title: "section 1",
expanded: true,
//some CSS so that only this section will have customize header with green background color and white font color.
items: [
isc.FilterBuilder.create({
ID: "advancedFilter",
autoDraw: false,
dataSource: myDataSource
})
]
},
..............
..........
...........
............
})



I use smartClient Version v10.0p_2015-01-14/PowerEdition Development Only (2015-01-14)

Thanking you.

[Isomorphic]

See sectionStack.sectionHeaderClass.

If you are trying to flip the opener icon to the other side for an RTL (right to left) locale, see the Internationalization overview - this is done automatically.

If you are trying to do it just to be visually different from everyone else, first we'd recommend reconsidering that (it's an odd placement of an expand/collapse control from a usability perspective), but if you really want to proceed, use ImgSectionHeader as your base class and set the reverseOrder property (inherited from the superclass Layout).