This is a migrated thread and some comments may be shown as answers.

Radsitemap - changing bullet preceding node text

1 Answer 97 Views
SiteMap
This is a migrated thread and some comments may be shown as answers.
Bill
Top achievements
Rank 1
Bill asked on 03 Oct 2019, 09:12 PM

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>

1 Answer, 1 is accepted

Sort by
0
Bill
Top achievements
Rank 1
answered on 04 Oct 2019, 02:48 PM

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;
    }

 

Tags
SiteMap
Asked by
Bill
Top achievements
Rank 1
Answers by
Bill
Top achievements
Rank 1
Share this question
or