RadDocks that are initially collapsed

5 posts, 0 answers
  1. Matthew Botting
    Matthew Botting avatar
    41 posts
    Member since:
    Apr 2005

    Posted 26 Jul 2013 Link to this post

    Hi,
    I have a series of RadDocks sitting inside of a RadDockZone.
    Since upgrading to 2013.2.717.40 from 2013.1.417.40 I have been experiencing the following issue.
    On Page Load I have the Tools and Favourites Docks expanded and the others (such as Duty) set to collapsed="true"

    When I click the expand icon on these initially collapsed Docks the expand icon changes to a collapse one but it does not open (screenshot 1)
    However if I remove the collapsed="false" so that the dock starts expanded I can open and close it without issue (screenshot 2)

    Are there any known issues with this release?
    I attempted to check this on your demos site but conveniently enough in all demos none of the docks appear to start off collapsed.

    Regards,
    Matt
  2. Matthew Botting
    Matthew Botting avatar
    41 posts
    Member since:
    Apr 2005

    Posted 26 Jul 2013 Link to this post

    I am currently working around the issue by defaulting them all to expanded.
    I am then collapsing them via clientside javascript on the first page load.

    I have also had to add a display: none attribute to the dockZone and then remove it via javascript once I have collapsed the docks to stop the page from "flashing" upon loading.

    This works okay until I can find a solution to the underlying problem

    dockZone.Style.Add("display", "none")

    $find("dockDuty").set_collapsed(true);
    $find("dockNonDuty").set_collapsed(true);
    $find("dockStandby").set_collapsed(true);
    $find("dockLeave").set_collapsed(true);
    $find("dockAircraft").set_collapsed(true);
    $telerik.$("#dockZone").show();

    Matt
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 30 Jul 2013 Link to this post

    Hi Matthew,

    I tried to reproduce the problem you described, but to no avail. You can find attached my test page. Please compare it to your actual project and check if there are differences in the setup. The behavior on my end can be examined in the linked screen capture.

    I would suggest checking whether there are additional scripts on the page that are controlling the behavior of the docks.

    Note that the screenshots you attached do not give enough information about the actual setup of the docks. If the problem persists, please try modifying the attached page in order to reproduce it. In case this is not possible, you could also send a simple, fully runnable page that isolates the issue so that I can inspect it locally and provide a more to the point answer.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  5. Matthew Botting
    Matthew Botting avatar
    41 posts
    Member since:
    Apr 2005

    Posted 15 Aug 2013 Link to this post

    Hi Slav,
    please review the following code:
    <!DOCTYPE html>
     
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server"><telerik:RadScriptManager runat="server"></telerik:RadScriptManager>
            <telerik:RadDockZone runat="server" Height="100%" Width="190px" ID="dockZone" FitDocks="true"
                Orientation="Vertical">
                <telerik:RadDock ID="RadDock1" Resizable="true" DefaultCommands="ExpandCollapse,PinUnpin" Title="  Tools"
                    Pinned="false" Height="150px" Width="190px"
                    runat="server">
                    <ContentTemplate>AAAAA</ContentTemplate>
                </telerik:RadDock>
                <telerik:RadDock ID="dockFavourite" Resizable="true" DefaultCommands="ExpandCollapse,PinUnpin"
                    Title="  My Favourites" Height="150px" Collapsed="true"
                    Width="190px" runat="server">
                    <ContentTemplate>BBBB
                    </ContentTemplate>
                </telerik:RadDock>
                <telerik:RadDock ID="dockDuty" Resizable="true" DefaultCommands="ExpandCollapse,PinUnpin"
                    Collapsed="true" Title="  Duty"
                    Height="400px" Width="190px" runat="server">
                    <ContentTemplate>CCCC
                    </ContentTemplate>
                </telerik:RadDock>
            </telerik:RadDockZone>
        </form>
    </body>
    </html>

    If I expand the second and third docks in IE10 the content does not show and they are much shorter than they should be.
    If you set them to be initially Expanded or Collapsed="false" it works as expected.

    The solution I put in my previous post is what I am currently using to workaround this issue.

    Regards,
    Matt
  6. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 19 Aug 2013 Link to this post

    Hello Matthew,

    Thank you very much for the attached sample. I was able to reproduce the problem locally via the included code. It appears that the issue occurs when there is an initially collapsed RadDock in a vertically oriented RadDockZone and it has configured Height. I have brought this issue to the attention of our developers, although I cannot provide a firm estimation when a fix will be available.

    You can track the status of the bug in the item that I created, vote for it and comment it.

    I have updated your Telerik points as token of gratitude for reporting this issue.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017