I want to hide Horizontal Scrollbar

4 posts, 0 answers
  1. Gourangi
    Gourangi avatar
    83 posts
    Member since:
    Mar 2008

    Posted 24 Sep 2008 Link to this post

    hi,

    I want to hide Horizontal Scrollbar when my window is opened.

    I have set some stylesheet properties in body tag like style="overflow-x: hidden; " but still my window is showing horizontal scrollbar !

    I have noticed that when vertical scroll bar is getting visible then only my horizontal scroll bar is displayed. I dont want to show horizontal scrollbar. And even my horizontal things are not getting overflow !

    Please provide me the solution for this.

    Thanks
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 26 Sep 2008 Link to this post

    Hi Divyesh,

    Would you please replace the RadWindow with a standard IFRAME element and check whether the problem persists? In case it does, apply the needed settings to remove it and after that apply the same logic to the RadWindow.

    In case the problem is not present with the IFRAME which is configured as the RadWindow, please open a new support ticket and send me both pages and I will make the one which contains the RadWindow look as the one with the IFRAME.




    Regards,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Bing Yang
    Bing Yang avatar
    16 posts
    Member since:
    Mar 2009

    Posted 06 Apr 2010 Link to this post

    Did you remove scroll bar in radwindow? If so, please let me know how to imlement it?

    Bing
  4. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 Apr 2010 Link to this post

    Hi Bing,

    You can set the AutoSize property of the RadWindow to True in order to autosizing the radwindow according to content, which will inturn hides the scrollbars.

    Adding the following style in the page that is loaded in RadWindow will hide the scrollbars.

    CSS:

     
    <style type="text/css">   
        HTML   
        {   
            overflow-x: hidden;   
        }   
    </style>  

    -Shinu

Back to Top