I can't figure out how to add a gap between my root nodes.
I have a solid background on each root node, but would like to add a small transparent gap in between each one.
I just can't seem to find the correct css for it, any help would be appreciated.
I have a solid background on each root node, but would like to add a small transparent gap in between each one.
I just can't seem to find the correct css for it, any help would be appreciated.
2 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 04 Mar 2009, 11:20 AM
Hi,
You can use a Separator for achieving the desired scenario. Try with the following approach and see if it helps.
Style.Css:
ASPX:
Thanks
Shinu
You can use a Separator for achieving the desired scenario. Try with the following approach and see if it helps.
Style.Css:
| <head runat="server"> |
| <style type="text/css" > |
| .MyStyle |
| { |
| background-color:White !important; |
| } |
| </style> |
| </head> |
ASPX:
| <telerik:RadMenu ID="RadMenu1" runat="server"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Root Item 1"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Child Item 1" /> |
| <telerik:RadMenuItem runat="server" Text="Child Item 2" /> |
| </Items> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" CssClass="MyStyle" Width="6px" IsSeparator="True" /> |
| <telerik:RadMenuItem runat="server" Text="Root Item 3"> |
| <Items> |
| <telerik:RadMenuItem runat="server" Text="Child 1" /> |
| <telerik:RadMenuItem runat="server" IsSeparator="True" /> |
| <telerik:RadMenuItem runat="server" Text="Child 2" /> |
| <telerik:RadMenuItem runat="server" Text="Child 3" /> |
| </Items> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenu> |
Thanks
Shinu
0
radBrad
Top achievements
Rank 1
Rank 1
answered on 04 Mar 2009, 03:43 PM
Thanks for the explaination on how to do what I was asking.
However, I failed to mention in this case that I was using this as the menu in Dotnetnuke.
I managed to figure it out though, i used the following.
However, I failed to mention in this case that I was using this as the menu in Dotnetnuke.
I managed to figure it out though, i used the following.
| .SkinName .rmItem{background-color:transparent; padding:0px 1px 0px 1px;} |