RadDock css

3 posts, 1 answers
  1. Ajay
    Ajay avatar
    42 posts
    Member since:
    Jul 2010

    Posted 05 May 2011 Link to this post

    Hi,

    I have two RadDock on my page, I want to customize the css of only second dock.
    Basically I need to give margins only to the second Dock (rssbottom) only, how can I achieve this?

    I tried to override the .RadDock css class but this one is applied on all the Docks on page.
    I also tried .RadDock rssbottom but no success with this also.
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 05 May 2011 Link to this post

    Hello Ajay,

    You could use CssClass property to apply specific styles to the Dock you want to bi d efferent. I am not quite sure what you are trying to archive, but bellow is a sample code showing two dock - one of them with normal styles and the other with custom:
    <%@ 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">
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
            div.StyledDock .rdContent
            {
                background-color: Red;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="sc1" runat="server">
        </asp:ScriptManager>
        <telerik:RadDock ID="rd1" runat="server" Title="Normal Dock" Width="300" Height="300"
            Top="20" Left="20">
        </telerik:RadDock>
        <telerik:RadDock ID="RadDock1" runat="server" Title="Styled Dock" Width="300" Height="300"
            Top="20" Left="350" CssClass="StyledDock">
        </telerik:RadDock>
        </form>
    </body>
    </html>


    Regards,
    Bojo
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ajay
    Ajay avatar
    42 posts
    Member since:
    Jul 2010

    Posted 05 May 2011 Link to this post

    Thanks Bojo for the quick response.

    Actually, specifying only the div.StyledDock worked.
Back to Top