Many DockCommands display-bug

4 posts, 1 answers
  1. Erik Lidman
    Erik Lidman avatar
    14 posts
    Member since:
    Feb 2008

    Posted 09 Feb 2009 Link to this post

    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.

    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());  

    <%@ 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" ""> 
    <html xmlns="" > 
    <head runat="server">  
        <title>Untitled Page</title> 
        <form id="form1" runat="server">  
        <telerik:RadScriptManager runat="server">  
            <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%">  

  2. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 09 Feb 2009 Link to this post

    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;  
        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!
  3. Answer
    Martin avatar
    585 posts

    Posted 12 Feb 2009 Link to this post

    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.
  4. Erik Lidman
    Erik Lidman avatar
    14 posts
    Member since:
    Feb 2008

    Posted 12 Feb 2009 Link to this post

    Okey, I'll do that.
Back to Top