We have created a new style for the HierarchicalDataGrid using the AppStylist. However we are unable to get a proper indentation for the islandgroup elements.
In the sample styles you can see that the islandgroup starts right after the expansion column. We want to achieve the same thing.
How can i do this? Which element do i need to style in order to achieve this?
Hello,
If I understood your question correctly the ExpandableArea role (ighg_ExpandableArea css class) is responsible for that. You can sett padding: 0px; off of it to remove any offsets.
Well that is the problem. There is no offset atm. And that is what we want to achieve. However if i use the AppStylist to set the margin-left or padding-left of the ExpandableArea UI role, the Preview Window in the AppStylist shows no changes, same when i do a manual refresh.
I tried changing the properties of the ExpandableArea in some of the default styles that are supplied out of the box. But i get the same behaviour there. No matter what property i change, properties of the ExpandableArea seems to be ignored.
Can someone confirm this problem? I would hate to have to tell our customer that the indentation we want is not possible..
Hi,
This sounds like an AppStylist bug. If you change the margin and the padding it will take effect in the actual website.
Thanks,
Olga
Yup. I thinkg it has to do with that the CSS style names that are being generated are invalid.
For the ExpandableArea style it generated the following:
TBODY>TR>TD.
{
}
or
TBODY>TR>TD.{0}