I got a Webhierachical DataGrid, everything works fine. In terms of layout, I need to reduce the x and y (the white space above the Header Row) offset of the child grids. My hierachical grid goes 5 grids deep, so by the fifth the entire grid has become very small and stuffed.
I have not yet found a property with which i can change these offsets, can somebody please point me to them ?
Hello henning ,
Thank you for posting in our forum.
The WebHierarchicalDataGrid has a ExpandableAreaCssClass property to which you can set a custom class which will be applied to the expandable area of the child grids.
You can set for example:
ExpandableAreaCssClass="RemovePadding"
<style type="text/css">
.RemovePadding
{
padding-left: 0px !important;
}
</style>
This will overwrite the default setting and there will be no padding for the child grids.
Let me know if you have any questions or concerns.
Best Regards,
Maya Kirova
Developer Support Engineer II
Infragistics, Inc.
http://ko.infragistics.com/support
thank you very much, your suggestion worked, but it did only remove the left padding for the first child band, the third, fourth and fifth child band still have padding. How can I apply the styling to all child bands ?
I’m just following up to see if you’ve been able to resolve your issue. If you have any questions or concerns or if you need further assistance please let me know.
Developer Support Engineer
I have the following CSS Classes to reduce the leftside padding as well as the white space above the header row of each child band. Each child band is pointed to these two css classes.
.Footer { height: 5px !important; padding-top: 1px !important; }
{ padding-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; }
However only the left padding is applied, all the other values are still as large as they were originally. What could be the reason for this behaviour ?