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

Rad Dock Commands

1 Answer 56 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Karim
Top achievements
Rank 2
Karim asked on 24 Sep 2008, 07:59 PM
Greetings,

How do I shift the RADDOCK commands e.g. minimize on the bar from showing them on the right to showing them on the left.

Has anyone come across such a fix?

Thanks,
Karim

1 Answer, 1 is accepted

Sort by
0
Serrin
Top achievements
Rank 1
answered on 25 Sep 2008, 03:24 PM
Hey Karim,

Have you tried using custom css to do this?  There is a section in the documentation (just discovered it :D) about customizing the command button... maybe this can be used to reposition the controls?

Styling custom controls

Or you can try making some blank placeholder custom controls...  Kind of a workaround approach but this puts blank spots in the control bar so you can put commands in different spots.  I guess you could figure out how wide the dock window is and modify your css appropriately?

Kinda ghetto, but the best I could figure out. :)

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default7.aspx.cs" Inherits="Default7" Title="Untitled Page" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
 
 <style type="text/css">  
  .MyCustomStyle  
  {  
    width: 65px;  
    background:url(Example.jpg);  
  }  
  .placeholder  
  {  
    width: 50px;  
  }  
 </style> 
 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">  
 
    <telerik:RadDockLayout ID="RadDockLayout1" runat="server">  
        <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px">  
            <telerik:RadDock ID="RadDock1" runat="server" Width="300px">  
            </telerik:RadDock> 
        </telerik:RadDockZone> 
        <telerik:RadDockZone ID="RadDockZone2" runat="server" Height="300px" Width="300px">  
            <telerik:RadDock ID="RadDock2" runat="server" Width="300px">  
            <Commands> 
            <telerik:dockclosecommand /> 
            <telerik:DockCommand CssClass="placeholder"/>  
            <telerik:DockCommand  CssClass="placeholder" Text=""/>  
            <telerik:DockCommand  CssClass="placeholder" Text=""/>  
            <telerik:DockCommand CssClass="MyCustomStyle" Text="Word" /> 
            <telerik:DockCommand Cssclass="placeholder" Text=""/>  
            </Commands> 
            </telerik:RadDock> 
        </telerik:RadDockZone> 
    </telerik:RadDockLayout> 
 
</asp:Content> 
 
 
Tags
Dock
Asked by
Karim
Top achievements
Rank 2
Answers by
Serrin
Top achievements
Rank 1
Share this question
or