Please find the attached actual and expected png images. Actual image does not have gray background to the left of the arrow image of detail table. We would like to know the css so that actual image has gray background as expected image.
Please help.
Please help.
5 Answers, 1 is accepted
0

Shinu
Top achievements
Rank 2
answered on 28 May 2014, 09:30 AM
Hi Kelly
This is not an expected behavior, you can use the following CSS class to set style for the ExpandColumn. For more information take a look at this article on Modifying existing skins/creating new skins.
CSS:
Thanks,
Shinu
This is not an expected behavior, you can use the following CSS class to set style for the ExpandColumn. For more information take a look at this article on Modifying existing skins/creating new skins.
CSS:
<style type=
"text/css"
>
.rgExpandCol
{
background-color
: Grey
!important
;
}
</style>
Thanks,
Shinu
0

Kelly
Top achievements
Rank 1
answered on 29 May 2014, 10:49 AM
You did not got my question. Actually I need to have the gray background only at childheader in the same manner I have done for parent header. If you notice then on parent header the gray background starts from the extreme left which touches the radgrid border. but on the child header it starts after the arrow. My requirement is that gray background on the child header (only) should start from the extreme left touching the radgrid left border. It should not give gray background to other rows just the header only.
Expected png image is the requirement where actual png image is what I am getting right now. Just compare the child header in both image and you will notice the difference in child header background.
Let me know if you need more clarification on my requirement.
Expected png image is the requirement where actual png image is what I am getting right now. Just compare the child header in both image and you will notice the difference in child header background.
Let me know if you need more clarification on my requirement.
0
Hi Kelly,
Please note that the default appearance of the group headers is as in the expected.png image:
http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/grouping/defaultcs.aspx
Can you please check your page whether there is some custom CSS which may break this layout?
Looking forward to your reply.
Regards,
Eyup
Telerik
Please note that the default appearance of the group headers is as in the expected.png image:
http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/grouping/defaultcs.aspx
Can you please check your page whether there is some custom CSS which may break this layout?
Looking forward to your reply.
Regards,
Eyup
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0

Kelly
Top achievements
Rank 1
answered on 05 Jun 2014, 04:17 AM
One thing to note is that we have not used grouping. Its a combination of master and detail tables.
Can you send me the css which is being applie on your link grouping page. It will help us if we can get the css and then we can modify our screen with the given css.
Can you send me the css which is being applie on your link grouping page. It will help us if we can get the css and then we can modify our screen with the given css.
0
Hi Kelly,
I am afraid this requirement is not supported with hierarchical grid structure because whole of the rendering and layout is different in this case and the child items do not have a corresponding element to the left of them within the expand/collapse column.
Regards,
Eyup
Telerik
I am afraid this requirement is not supported with hierarchical grid structure because whole of the rendering and layout is different in this case and the child items do not have a corresponding element to the left of them within the expand/collapse column.
Regards,
Eyup
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.