Display Expand Collaspe on Left Side of Title Bar

2 posts, 0 answers
  1. mary
    mary avatar
    34 posts
    Member since:
    Apr 2008

    Posted 27 May 2009 Link to this post

    Is it possible to display the expand/collaspe command buttons on the left side of the title bar instead of the right?
  2. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 30 May 2009 Link to this post

    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.
Back to Top