For 3.7 we have created custom skin that is using various css files for different controls. For grid we have css and that css is applied to the datagrid control. This is working fine on 3.7. Please refer the attached 3.7DataGrid.png file.
For 4.0 we learned that Sitefinity does not support custom skins(please correct if I am wrong). So our existing skins not working neither the css is applied to datagrid. To workaround we tried to apply the Theme to page template and that theme has global folder where we have added all the css but the datagrid is not using the css. I am not sure how the css files from Global would be applied on the pages.
Alternately We have then added css class to individual user control but still not luck. Please refer to 4.0DataGrid.png file to see how the grid is looking. 4.0DatagridConfig.png for control and its configuration and “4.0SitefinityThemeConfig.png” for the folder structure of theme and the same theme applied on the Page template. Please let me know the workaround or something I am missing.
Hi Jorden, please refer my attachments i took using firebug. with 3.7 the GridHeader class is getting applied(refer firebugdatagrid3.7.png) because custom skin has all the configuration regarding the grid behavior. Following is the code from Skin <asp:DataGrid runat="server" AutoGenerateColumns="False" CssClass="data-form" > <FooterStyle CssClass="GridFooter" /> <AlternatingItemStyle CssClass="GridAlternatingRow" /> <ItemStyle CssClass="GridRow" /> <PagerStyle CssClass="GridPager" /> <HeaderStyle CssClass="GridHeader" /> </asp:DataGrid> but since the skin is not getting applied on 4.0. (refer firebugdatagrid4.0.png) the grid doesn not displayed properly. i am not able to find way to apply the class for the Datagrid. please let me know how i should apply the class to datagrid i have following option 1. Add the class to each usercontrol and upload the control to Sitefinity but this process would take a lot time since i have hundreds of controls. i tried for single grid and it works. but need better way from support team. regards Sham
var list =
i = 0; i < 20; i++)
DataGrid1.DataSource = list;
This is a known issue. It is logged as bug and you can track its status from our public issue tracking system(http://www.telerik.com/support/pits.aspx#/public/sitefinity/5443). Unfortunately, there is no work around for that problem and data-grids, drop-downs, textbox, buttons, etc. properties have to be set on user control level.
the Telerik team