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.
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 Answers, 1 is accepted
0
Accepted
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:
Regards,
Bojo
the Telerik team
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"><html xmlns="http://www.w3.org/1999/xhtml"><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.
0
Ajay
Top achievements
Rank 1
Rank 1
answered on 05 May 2011, 09:56 AM
Thanks Bojo for the quick response.
Actually, specifying only the div.StyledDock worked.
Actually, specifying only the div.StyledDock worked.