How do we set CSS style for Radgrid Frozen div

[Ravi]

Hi,

I can assign css style for Radgrid Frozen div using Radgrid name

div.RadGrid #rgGrid_Frozen
      {
           overflow-y: auto !important;
           overflow-x: auto !important;
      }

But i want to use this one globally like without Radgid ID.

This code is not working

div.RadGrid div#_Frozen
      {
           overflow-y: auto !important;
           overflow-x: auto !important;
      }

 

Please let me know 

 

Thanks,

 

[Kostadin]

Hi Murugesan,

I am afraid you cannot use a global CSS rule since there isn't a class name specified to the element and the id is auto generated. Nevertheless, a possible solution is to use a jQuery to access the third div element of the grid which is the one you need.
Also why you need to set an overflow auto to the element since this style attribute is already apply?

Regards,
Kostadin
Telerik by Progress

[CHOON AIK]

Hi 

         In radgrid horizontal scroll bar was not working in chrome version 53. When i set frozen column count to zero it's working fine.I tried to apply the below code. It's not working. Can you share the demo to double check .

#<%=RadGrid1.ClientID %>_Frozen {
    overflow-x: scroll !important;
} 

[Kostadin]

Hello,

You can check out the following live example which demonstrates the horizontal scroll. Please check it in Chrome browser and let me know whether you are able to replicate the issue.

Regards,
Kostadin
Telerik by Progress

[CHOON AIK]

Hi Kostadin,

         Live example working in existing chrome version's. Current chrome version 53 , it's not working fine.I saw one thread for the issue of  chrome version 53 horizontal scroll bar. But unable to see the output.

http://www.telerik.com/forums/scrollbar-issue-in-chrome-with-usestaticheaders-and-frozen-columns

[Kostadin]

Hi,

I am attaching a small sample where you can see how to apply this approach.

Regards,
Kostadin
Telerik by Progress