Hi,
I was wondering if anyone could help with the issue I'm having. If I have varying dock heights in horizontal orientation, and I reduce the size of the browser window, the docks wrap around to the next line, but aren't flushed against the dock directly above it i.e. there's additional vertical spacing.
I could obviously float the docks to position them myself, but docking them is so much neater and requires less effort for the user.
Thanks
Mark
I was wondering if anyone could help with the issue I'm having. If I have varying dock heights in horizontal orientation, and I reduce the size of the browser window, the docks wrap around to the next line, but aren't flushed against the dock directly above it i.e. there's additional vertical spacing.
I could obviously float the docks to position them myself, but docking them is so much neater and requires less effort for the user.
Thanks
Mark
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="dockexample.aspx.vb" Inherits="dockexample" %> |
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> |
<!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 id="Head1" runat="server"> |
<style type="text/css"> |
.RadDock |
{ |
margin: 0px 5px 5px 0px !important; |
} |
</style> |
<title></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> |
<telerik:RadDockLayout runat="server" ID="RadDockLayout1" StoreLayoutInViewState="true"> |
<telerik:raddockzone runat="server" id="RadDockZone1" Width="100%" Orientation="Horizontal" BorderStyle="None"> |
<telerik:RadDock ID="RadDock1" Title="Dock 1" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"> |
<ContentTemplate> |
<div style="padding: 11px;"> |
You can drag this object through the titlebar, no custom handle is defined. |
You can drag this object through the titlebar, no custom handle is defined.</div> |
</ContentTemplate> |
</telerik:RadDock> |
<telerik:RadDock ID="RadDock2" Title="Dock 2" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"> |
<ContentTemplate> |
<div style="padding: 11px;"> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /></div> |
</ContentTemplate> |
</telerik:RadDock> |
<telerik:RadDock ID="RadDock3" Title="Dock 3" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"> |
<ContentTemplate> |
<div style="padding: 11px;"> |
You can drag this object through the titlebar, no custom handle is defined. |
You can drag this object through the titlebar, no custom handle is defined.</div> |
</ContentTemplate> |
</telerik:RadDock> |
<telerik:RadDock ID="RadDock4" Title="Dock 4" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"> |
<ContentTemplate> |
<div style="padding: 11px;"> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.<br /> |
You can drag this object through the titlebar, no custom handle is defined.</div> |
</ContentTemplate> |
</telerik:RadDock> |
<telerik:RadDock ID="RadDock5" Title="Dock 5" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"> |
<ContentTemplate> |
<div style="padding: 11px;"> |
You can drag this object through the titlebar, no custom handle is defined.</div> |
</ContentTemplate> |
</telerik:RadDock> |
</telerik:raddockzone> |
</telerik:RadDockLayout> |
</form> |
</body> |
</html> |