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

Display Expand Collaspe on Left Side of Title Bar

1 Answer 24 Views
Dock
This is a migrated thread and some comments may be shown as answers.
mary
Top achievements
Rank 1
mary asked on 27 May 2009, 02:32 PM
Is it possible to display the expand/collaspe command buttons on the left side of the title bar instead of the right?

1 Answer, 1 is accepted

Sort by
0
Petio Petkov
Telerik team
answered on 30 May 2009, 01:13 PM
Hi Mary,

Please take a look at the code below which illustrates how to move the commands on the left and  the title text on the right:

%@ 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>Untitled Page</title> 
          
    <style type="text/css">        
    .rdTitlebar .rdCommands         
    {        
        left: 1px !important;        
    }      
    <%--move text to right--%>    
    .RadDock_Default .rdHTitlebar .rdTitle      
    {     
        text-align: right !important;      
        margin-right:0px !important;     
    }     
    <%--fix white spaces--%>    
    .RadDock_Default .rdHTitlebar .rdCommands      
    {     
        padding: 0px !important;     
    }     
         
    .RadDock_Default .rdHTitlebar .rdCommands a      
    {     
        margin: 0 0 0 0 !important;     
        height: 20px !important;     
    }     
    </style>       
      
 
 </head> 
<body>    
    <form id="form1" runat="server">     
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>    
    <div>    
    <telerik:RadDockLayout ID="RadDockLayout1" runat="server">     
      <telerik:RadDockZone runat="server" ID="DockZone" Width="250px">     
        <telerik:RadDock runat="server" ID="RadDock1" Skin="Default"   
        Title="Price" >    
        </telerik:RadDock>    
    </telerik:RadDockZone>    
 
    </telerik:RadDockLayout> 
    </div>    
    </form>    
</body>    
</html>   


Sincerely yours,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Dock
Asked by
mary
Top achievements
Rank 1
Answers by
Petio Petkov
Telerik team
Share this question
or