This is a migrated thread and some comments may be shown as answers.

Scrollbars don't display using bootstrap theme.

2 Answers 16 Views
Window
This is a migrated thread and some comments may be shown as answers.
Sam Tran
Top achievements
Rank 1
Sam Tran asked on 05 Aug 2015, 06:49 PM

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!

2 Answers, 1 is accepted

Sort by
0
Sam Tran
Top achievements
Rank 1
answered on 05 Aug 2015, 08:59 PM

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!

0
Misho
Telerik team
answered on 10 Aug 2015, 02:02 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Window
Asked by
Sam Tran
Top achievements
Rank 1
Answers by
Sam Tran
Top achievements
Rank 1
Misho
Telerik team
Share this question
or