1 Answer, 1 is accepted
0
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:
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.
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.