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

RadDock And Pop Up

3 Answers 79 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Naresh
Top achievements
Rank 1
Naresh asked on 19 Nov 2010, 07:47 AM

I want a Pop up when i click on the Expand  icon on the RadDock

 

 

3 Answers, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 24 Nov 2010, 01:15 PM
Hi Naresh,

For your convenience I have put together a simple project that will help you achieve the desired behavior. Here is the full source code:

<%@ Page Language="C#" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="RadScriptManager1" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript">
        function OnClientCommand(dock, args)
        {
            args.set_cancel(true);
            var command = args.command;
            if (command.get_name() == "CustomCommand" && window.confirm('Collapse/Expand RadDock?'))
            {
                var state = (command.get_state() == 1) ? 2 : 1;
                command.set_state(state);
                dock.set_collapsed(!dock.get_collapsed());
            }
        }
    </script>
    <div>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px">
                <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px"
                    OnClientCommand="OnClientCommand">
                    <Commands>
                        <telerik:DockToggleCommand Text="Collapse" AlternateText="Expand" Name="CustomCommand"
                            CssClass="rdCollapse" AlternateCssClass="rdExpand" />
                    </Commands>
                    <ContentTemplate>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu leo quis felis eleifend
                        congue id ac nulla. Suspendisse in sapien eu tortor aliquam luctus. Suspendisse
                        pretium, nulla sit amet porttitor lobortis, ante sapien blandit ante, et tempor
                        magna eros nec sapien. In hac habitasse platea dictumst. Nullam a quam lorem, eu
                        vestibulum turpis. Praesent a neque et diam tincidunt suscipit ut semper massa.
                        Vivamus posuere, mi eu consectetur consequat, libero risus accumsan erat, ut facilisis
                        dolor justo a enim. Donec suscipit tincidunt lorem, sed aliquam velit pulvinar euismod.
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                        mus.
                    </ContentTemplate>
                </telerik:RadDock>
            </telerik:RadDockZone>
        </telerik:RadDockLayout>
    </div>
    </form>
</body>
</html>


Sincerely yours,
Pero
the Telerik team
Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Naresh
Top achievements
Rank 1
answered on 30 Nov 2010, 10:00 AM
Hi Pero,
Thanks a lot for your time on this.the code doesnot  help me here.What do i expect is on clickin gthe expand button ,i wnat a pop up and the content should be displayed in it
0
Pero
Telerik team
answered on 30 Nov 2010, 02:26 PM
Hello Naresh,

In similar way you could use the OnClientCommand event of the RadDock control to show your popup with the desired content.

All the best,
Pero
the Telerik team
Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
Dock
Asked by
Naresh
Top achievements
Rank 1
Answers by
Pero
Telerik team
Naresh
Top achievements
Rank 1
Share this question
or