Hide/remove scrollbars

4 posts, 0 answers
  1. PaulMrozowski
    PaulMrozowski avatar
    80 posts
    Member since:
    Apr 2007

    Posted 19 Aug 2012 Link to this post

    I have a pop-up window that keeps appearing with vertical and horizontal scrollbars. If I don't specify the height/width, they don't appear (but the window ends up being WAY to tall). As soon as I specify the height/width, the scrollbars appear. Is there a way to turn them off?

    <div id="newBatchWindow"></div>
     
                $("#newBatchWindow").kendoWindow({               
                    width: "425px",
                    height: "375px",
                    title: "New Batch",
                    visible: false,
                    resizable: false,
                    modal: true,
                    content: "/Batch/Create"
                });
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 20 Aug 2012 Link to this post

    Hi Paul,

    You can disable Window scrollbars with CSS:

    .k-window  div.k-window-content
    {
            overflow: hidden;
    }

    However, their existence indicates large Window content, which will now be hidden and inaccessible by the user. I am not sure whether this will be acceptable. Generally, the Window requires width, otherwise it will always expand to the right edge of the browser, if its content can freely expand horizontally.

    Let me know if you need more information.


    All the best,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. JJ
    JJ avatar
    147 posts
    Member since:
    May 2010

    Posted 18 Oct 2013 Link to this post


    .k-window  div.k-window-content
    {
            overflow: hidden;
    }
      
      

    How about I have 2 kendo window, one needs scroll bar and one doesn't need. If use the above code, the code will go to in the main window and block the scroll bar for both pop up window as well as the main window scroll bar. but main window needs scroll bar. Please help.
  5. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 21 Oct 2013 Link to this post

    Hello JJ,

    Please use only the WIndow's ID instead of the previously provided CSS selector.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready