How do we set CSS style for Radgrid Frozen div

6 posts, 0 answers
  1. Murugesan Jambukesan
    Murugesan Jambukesan avatar
    12 posts
    Member since:
    Sep 2009

    Posted 22 Sep Link to this post

    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,

     

  2. Kostadin
    Admin
    Kostadin avatar
    1711 posts

    Posted 27 Sep Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. CHOON AIK
    CHOON AIK avatar
    7 posts
    Member since:
    Sep 2012

    Posted 04 Oct in reply to Kostadin Link to this post

    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;

  5. Kostadin
    Admin
    Kostadin avatar
    1711 posts

    Posted 07 Oct Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  6. CHOON AIK
    CHOON AIK avatar
    7 posts
    Member since:
    Sep 2012

    Posted 11 Oct in reply to Kostadin Link to this post

    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

  7. Kostadin
    Admin
    Kostadin avatar
    1711 posts

    Posted 14 Oct Link to this post

    Hi,

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

    Regards,
    Kostadin
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017