Erik Lidman
Top achievements
Rank 1
Rank 1
Erik Lidman
asked on 09 Feb 2009, 08:37 PM
I have RadDocks with some custom dock commands. On some skins these commands is not displayed properly.
This samle code works well with skins like Hay and Sunset, but displays only 4 commands with skins like Gray and Telerik.
I've tried the latest version of the Telerik.UI. (both SP1 and SP2). Tried in both IE6 and FF2 with the same behaviour.
Default.aspx.cs
Default.aspx
This samle code works well with skins like Hay and Sunset, but displays only 4 commands with skins like Gray and Telerik.
I've tried the latest version of the Telerik.UI. (both SP1 and SP2). Tried in both IE6 and FF2 with the same behaviour.
Default.aspx.cs
| using System; |
| using System.Collections; |
| using System.Configuration; |
| using System.Data; |
| using System.Linq; |
| using System.Web; |
| using System.Web.Security; |
| using System.Web.UI; |
| using System.Web.UI.HtmlControls; |
| using System.Web.UI.WebControls; |
| using System.Web.UI.WebControls.WebParts; |
| using System.Xml.Linq; |
| namespace TestDock |
| { |
| public partial class _Default : System.Web.UI.Page |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| RadDock1.Commands.Add(new Telerik.Web.UI.DockCommand()); |
| } |
| } |
| } |
Default.aspx
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestDock._Default" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!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> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager runat="server"> |
| </telerik:RadScriptManager> |
| <div> |
| <telerik:RadDockLayout ID="RadDockLayout1" runat="server" Skin="Telerik" StoreLayoutInViewState="True"> |
| <telerik:RadDockZone ID="RadDockZone1" Runat="server" Height="300px" Width="95%" Skin="Telerik"> |
| <telerik:RadDock ID="RadDock1" Runat="server" DefaultCommands="None" Skin="Telerik" Width="100%"> |
| </telerik:RadDock> |
| </telerik:RadDockZone> |
| </telerik:RadDockLayout> |
| </div> |
| </form> |
| </body> |
| </html> |
3 Answers, 1 is accepted
0
Serrin
Top achievements
Rank 1
Rank 1
answered on 09 Feb 2009, 09:57 PM
Hey Erik,
My best guess is that it comes down to this section of the Telerik skin Dock css:
| .RadDock_Telerik .rdHTitlebar .rdCommands |
| { |
| width:100px !important; |
| height:100%; |
| padding-right:8px; |
| right:-1px; |
| margin-top: 4px; |
| } |
In a side-by-side comparison, skins like Sunset do not have the 'width: 100px !important', which seems to be the cause. I, however, do not know enough about CSS to override something with !important, even if I put that block on the page and change values.
If anyone has any insight on how to do that... I'm definitely curious!
0
Accepted
Hi Serrin,
Currently we are redesigning and rewriting the CSS of all skins of RadControls, and we believe that for the Q1 we will release far better and easier to maintain, modify and managed set of skins. Until then, you may use the Telerik skin as an external resource which will allow you to modify the property that causes trouble. The skins are available in in the Skins folder under the installation root of RadControls for ASP.NET AJAX. To use a skin as an external resource you have to set the EnableEmbeddedSkins to false and then register the .css file in the head section of your webpage.
Sincerely yours,
Martin Ivanov
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Currently we are redesigning and rewriting the CSS of all skins of RadControls, and we believe that for the Q1 we will release far better and easier to maintain, modify and managed set of skins. Until then, you may use the Telerik skin as an external resource which will allow you to modify the property that causes trouble. The skins are available in in the Skins folder under the installation root of RadControls for ASP.NET AJAX. To use a skin as an external resource you have to set the EnableEmbeddedSkins to false and then register the .css file in the head section of your webpage.
Sincerely yours,
Martin Ivanov
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Erik Lidman
Top achievements
Rank 1
Rank 1
answered on 12 Feb 2009, 04:57 PM
Okey, I'll do that.