list-style

2 posts, 0 answers
  1. Eric
    Eric avatar
    19 posts
    Member since:
    Aug 2007

    Posted 14 May 2009 Link to this post

    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!
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 15 May 2009 Link to this post

    Hello Eric,

    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.
Back to Top