Rad Dock

[Nithya Rani]

Hi

I have 2 raddock in my page. If i click collapse one should close and another should open. During that time my master page height is not changing. Code below is written to collapse the raddock.

 <script type="text/javascript">
        var allDocks = [];
        function DockInit(dock, args) {
            allDocks[allDocks.length] = dock;
        }
        function DockCommand(dock, args) {
            var commandName = args.command.get_name();
            if (commandName = "ExpandCollapse") {
                if (dock.get_collapsed() == false) {
                    for (var i = 0; i < allDocks.length; i++) {
                        if (allDocks[i] != dock) {
                            allDocks[i].set_collapsed(true);
                        }

                    }
                }
            }
        }
    </script>

See the attached image how its looks

[Slav]

Hello Nithya,

The code that you have provided appears to be correct, except the operator in the first if statement. Please change it as shown below:

...
if (commandName == "ExpandCollapse") {
...

Also, you can set small value for the MinHeight property of the RadDockZone, in which the dock controls are placed, so that its height is defined by the contained RadDocks. This way your page's layout will be changed when the RadDocks are collapsed and expanded, if it depends on the height of the RadDockZone control.

Please provide additional information on your problem, if there are still details left unclear.

Kind regards,
Slav
the Telerik team