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

Making a dock expand on click

2 Answers 60 Views

Dock

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

2 Answers, 1 is accepted

Accepted

answered on 09 Aug 2010, 03:47 PM

Hello Ashley,

You can use RadDock's set_width and set_height client-side methods to change its size. Here it is a simple example:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

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

<script type="text/javascript">

function changeSize()

{

var dock = $find("RadDock1");

var width = dock.get_width();

width = parseInt(width) + 20;

dock.set_width(width);

var height = dock.get_height();

height = parseInt(height) + 20;

dock.set_height(height);

}

</script>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

<telerik:RadDock ID="RadDock1" runat="server" Title="SomeTitle" Width="200px" Height="200px">

<ContentTemplate>

<input type="button" value="Change Size" onclick="changeSize()" />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockLayout>

</div>

</form>

</body>

</html>

More about RadDock's client-side API is available here:
http://www.telerik.com/help/aspnet-ajax/dock_client-side_basics.html

Best wishes,
Petio Petkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Making a dock expand on click

2 Answers, 1 is accepted