Scrollbars don't display using bootstrap theme.

3 posts, 0 answers
  1. Sam Tran
    Sam Tran avatar
    83 posts
    Member since:
    Nov 2006

    Posted 05 Aug 2015 Link to this post

    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. Sam Tran
    Sam Tran avatar
    83 posts
    Member since:
    Nov 2006

    Posted 05 Aug 2015 in reply to Sam Tran Link to this post

    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!

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Misho
    Admin
    Misho avatar
    129 posts

    Posted 10 Aug 2015 Link to this post

    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
Back to Top