Two expanding parts on one dock?

[tentonipete]

Is it possible to have two maximise/minimise commands on the Dock title bar and two expanding/contracting Dock bodies below?

[Nikolay Raykov]

Hello Joel,

You could add as much commands as you would like in the title bar of the dock. You could add commands both in code-behind and declaratively.

You could add two ExpandCollapse commands using the following declaration:

<telerik:RadDock ID="RadDock1" runat="server">
                <Commands>
                    <telerik:DockExpandCollapseCommand Name="Expand1" Text="Expand" AlternateText="Collapse" OnClientCommand="OnClientCommand" />
                    <telerik:DockExpandCollapseCommand Name="Expand2" Text="Expand" AlternateText="Collapse" OnClientCommand="OnClientCommand" />
                </Commands>
                <ContentTemplate>
                    RadDock1
                </ContentTemplate>
            </telerik:RadDock>

And in the OnClientCommand event handler you could change the state of both commands:

<script type="text/javascript">
        function OnClientCommand(dock, args)
        {
            var commands = dock.get_commands();
            var state = args.command.get_state();
            state = state == 1 ? 2 : 1;
            commands.Expand1.set_state(state);
            commands.Expand2.set_state(state);
        }
    </script>

Using this approach you could add different types of commands.

For your convenience I have attached an example page which shows this in action.

All the best,

Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.