RadDock And Pop Up

4 posts, 0 answers
  1. Naresh
    Naresh avatar
    22 posts
    Member since:
    Oct 2010

    Posted 19 Nov 2010 Link to this post

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

     

     

  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 24 Nov 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Naresh
    Naresh avatar
    22 posts
    Member since:
    Oct 2010

    Posted 30 Nov 2010 Link to this post

    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
  5. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 30 Nov 2010 Link to this post

    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.
Back to Top