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

RadDocks that are initially collapsed

4 Answers 193 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Matthew Botting
Top achievements
Rank 1
Matthew Botting asked on 26 Jul 2013, 06:24 AM
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

4 Answers, 1 is accepted

Sort by
0
Matthew Botting
Top achievements
Rank 1
answered on 26 Jul 2013, 06:41 AM
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
0
Slav
Telerik team
answered on 30 Jul 2013, 07:40 PM
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.
0
Matthew Botting
Top achievements
Rank 1
answered on 15 Aug 2013, 07:22 AM
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
0
Slav
Telerik team
answered on 19 Aug 2013, 03:19 PM
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.
Tags
Dock
Asked by
Matthew Botting
Top achievements
Rank 1
Answers by
Matthew Botting
Top achievements
Rank 1
Slav
Telerik team
Share this question
or