Rad Dock Commands

[Karim]

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

[Serrin]

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>