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

RadDock And Pop Up

3 Answers 113 Views

Dock

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

3 Answers, 1 is accepted

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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.