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

Set the height of an collapsed radDock control

2 Answers 86 Views

Dock

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

2 Answers, 1 is accepted

answered on 09 Aug 2010, 04:06 PM

Hi Wouter van Beek,

You should use heavier css selector(div.RadDock.rdCollapsed) in order to apply desired styles, e.g.

<%@ 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>

<style type="text/css">

div.RadDock.rdCollapsed

{

height:300px !important;

background-color: Red;

}

</style>

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

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockLayout>

</div>

</form>

</body>

</html>

Greetings,
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

Set the height of an collapsed radDock control

2 Answers, 1 is accepted