Hide/remove scrollbars

[PaulMrozowski]

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"

            });

[Dimo]

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

[JJ]

.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.

[Dimo]

Hello JJ,

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

Regards,
Dimo
Telerik