Radsitemap - changing bullet preceding node text

2 posts, 0 answers
  1. Bill
    Bill avatar
    2 posts
    Member since:
    Oct 2015

    Posted 03 Oct Link to this post

    I'm trying to set up radnavigation using a radsitemap to build a list of links in a menu.  

    I'm following your demo for radnavigation and server side templates, and I'm getting the same result - a list of links with a bullet in front of each option.

    I want to replace the bullet with a custom image, and I've set the node imageurl and now I have both the bullet and the custom image.

    See attached image.

    How do I remove the bullet and just show the imageurl?

    Thanks

                    <telerik:NavigationNode Text="Reports" ID="Reports">
                        <ContentTemplate>
                            <div class="column">
                                <h5>MESSAGE ACTIVITY REPORTS</h5>
                                <telerik:RadSiteMap runat="server" ID="RadSiteMap6">
                                    <Nodes>
                                        <telerik:RadSiteMapNode Level="0" ImageUrl="images/arrow.png" Text="TOTAL RESULTS SUMMARY" NavigateUrl="~/reports_totalresults.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="DETAILED REPORT" NavigateUrl="~/reports_detailpernumber2.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="USER ACTIVITY" NavigateUrl="~/useractivity.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="TOTAL RESULTS SUMMARY" NavigateUrl="~/reports_totalresults.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="DETAILED REPORT" NavigateUrl="~/reports_detailpernumber2.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="USER ACTIVITY" NavigateUrl="~/useractivity.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SMS AUTO" NavigateUrl="~/report_smsautoresponder.aspx" />
                                   </Nodes>
                                </telerik:RadSiteMap>
                            </div>
                            <div class="column">
                                <h5>PORTAL REPORTS</h5>
                                <telerik:RadSiteMap ID="RadSiteMap1" runat="server">
                                    <Nodes>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="EMAIL COLLECTION" NavigateUrl="~/report_emailcollection2.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SURVEY REPORT" NavigateUrl="~/report_survey.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="APPOINTMENT SCHEDULING" NavigateUrl="~/report_appointments3.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="APPOINTMETN STATISTICS" Visible="False" ID="report_appointmentsSummary" NavigateUrl="~/report_appointmentsSummary.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="REGISTERED CUSTOMERS" NavigateUrl="~/report_ServiceDetails.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="OVERDUE REPORT" NavigateUrl="~/report_overdue.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="UPDATED RECORDS" NavigateUrl="~/report_UpdateRecords.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="CLICK REPORT" NavigateUrl="~/report_redir.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SEARCH PINS" NavigateUrl="~/report_pins.aspx"></telerik:RadSiteMapNode>
                                    <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SMS ACTIVITY" NavigateUrl="~/reports_smsdetail.aspx" />
                                    </Nodes> 
                                    </telerik:RadSiteMap>
                            </div>
                            <div class="column">
                                <h5>ROI REPORTS</h5>
                                <telerik:RadSiteMap ID="RadSiteMap2" runat="server">
                                    <Nodes>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="ROI REPORT" NavigateUrl="~/report_roi2.aspx" />
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="CONQUEST REPORT" NavigateUrl="~/report_ph.aspx"></telerik:RadSiteMapNode>
                                        <telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SUCCESS REPORT" NavigateUrl="~/report_success.aspx"></telerik:RadSiteMapNode>
                                    </Nodes> 
                                    </telerik:RadSiteMap>
                            </div>
                            <div class="column">
                                <div id="qr" style="display:inline-block;width:75px;height:75px;align:center;vertical-align:middle;" >
                                    <img src="images/placeholder.png" style="height:75px;width:75px;">
                                </div>
                                <div style="display:inline-block;vertical-align:middle;">
                                    <h5>TOTAL RESULTS SUMMARY</h5>
                                </div>
                                <div style="width:400px;overflow-wrap:break-word;">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod<br />
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <br />
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo <br />
                                    consequat. 
                                    <br /><br />
                                    Duis aute irure dolor in reprehenderit in voluptate velit esse <br />
                                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non <br/>
                                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
                                </div>
                            </div>
                        </ContentTemplate>
                    </telerik:NavigationNode>

  2. Bill
    Bill avatar
    2 posts
    Member since:
    Oct 2015

    Posted 04 Oct Link to this post

    I worked through it. Just in case anyone else is having this problem - 

    You want to work with rsmLink:before

        .rnvPopup .RadSiteMap .rsmLink:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 0px;
        height: 0px;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        }

     

Back to Top