I'm trying to get a RadPanelBar to display bullets next to each item that is in rpLevel2, but for the life of me I cannot get it to work. This is a databound panelbar that is part of the SitePanelBar in Sitefinity. list-style-type:disc is absolutely worthless. Any help would be greatly appreciated!
1 Answer, 1 is accepted
0
Hello Eric,
Please find below a sample code snippet that shows the needed approach.
Best wishes,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Please find below a sample code snippet that shows the needed approach.
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <style type="text/css"> |
| .RadPanelBar .rpItem .rpGroup, .RadPanelBar .rpItem .rpGroup .rpItem |
| { |
| list-style: disc outside; |
| } |
| .RadPanelBar .rpItem .rpGroup |
| { |
| padding-left: 20px; |
| } |
| .RadPanelBar .rpItem .rpGroup .rpItem |
| { |
| display: list-item; |
| } |
| .RadPanelBar .rpItem .rpGroup .rpLink |
| { |
| display: -moz-inline-block; |
| display: inline-block; |
| *display:inline; |
| zoom:1; |
| vertical-align:middle; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadPanelBar ID="RadPanelBar1" runat="server"> |
| <Items> |
| <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Expanded="true"> |
| <Items> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2"> |
| <Items> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"> |
| </telerik:RadPanelItem> |
| <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4"> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelItem> |
| </Items> |
| </telerik:RadPanelBar> |
| </form> |
| </body> |
| </html> |
Best wishes,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.