Scrollbars don't display using bootstrap theme.

[Sam]

Hi,

 

In my app, I use all of the telerik themes (app lets user select which theme to use.) and I use RadWindows quite heavily.

And in all the other themes, the radwindow shows scrollbars vertically and horizontally correctly when needed.

In bootstrap theme, when I first open the window, there are never scrollbars, but if I maximize the window then restore size of window, the scrollbars are there.

Also, if there are no scrollbars and I do something that causes the page inside the window to postback, the scrollbars will come up.

 What's the deal?  I need those scrollbars on first load!

 

Thanks!

[Sam]

Also, I'll try to take a screen video...but I just noticed that when the radwindow opens, I actually see the scrollbar for a split second and then it disappears!  Keep in mind that when I switch to other themes, this does not happen!

It is something specific to the BootStrap theme...sadly...I have done a lot of re-work to make this our app's default theme, yet this problem is a huge issue!

[Misho]

Hi,

I've tried to replicate the problematic behavior you are describing on my end but no avail.
I've created a sample with 4 RadWindows. The first 2 are loading external page inside using the NavigateUrl property. The second pair are using content template for the content inside.
Here is the sample of my test:

<asp:ScriptManager runat="server"></asp:ScriptManager>
        <telerik:RadWindow runat="server" ID="RadWindow1" NavigateUrl="http://www.telerik.com" Left="0" Top="0" Skin="Default"></telerik:RadWindow>
        <telerik:RadWindow runat="server" ID="RadWindow2" NavigateUrl="http://www.telerik.com" Left="300px" Skin="Bootstrap"></telerik:RadWindow>
        <telerik:RadWindow runat="server" ID="RadWindow3" Top="300px" Skin="Default">
            <ContentTemplate>
                <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />My Content
            </ContentTemplate>
        </telerik:RadWindow>
        <telerik:RadWindow runat="server" ID="RadWindow4" Top="300px" Skin="Bootstrap" Left="300px">
            <ContentTemplate>
               <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />My Content
            </ContentTemplate>
        </telerik:RadWindow>
    <div>
    <input type="button" value="Open Windows" onclick="RadWindowsOpen()" />
    </div>
        <script type="text/javascript">
            function RadWindowsOpen() {
                $find("<%=RadWindow1.ClientID%>").show();
                $find("<%=RadWindow2.ClientID%>").show();
                $find("<%=RadWindow3.ClientID%>").show();
                $find("<%=RadWindow4.ClientID%>").show();
            }
        </script>

In both cases the scroll bars issue is not observed with the Bootstrap theme:
Could you please modify that sample in accordance with your custom setup and send it back to us so we could be able to reproduce and investigate the problem on our side?


Regards,
Misho
Telerik