Hello everyone!
I've got the below RadSiteMap being coded from codebehind (VB). I want to add small icons to the left of each submenu's text however I do not know how. The ImageUrl property apparently does not exist for the RadSiteMap and I cannot think of another way to insert my icons.
Check the attached screenshot to see how my menu looks like and where would I want to add icons. I basically want to add them into the titles and then a different icon to each submenu as well.
Note: My RadMenu is being populated entirely from a database (all of it, parent and childs). If you wish to see the code for a better understanding, I can also leave that in the comments.
Thanks a lot!
Private Function CreateSiteMap(ByVal container As Control, ByVal Id As String) As RadSiteMap
Try
System.Diagnostics.Debug.WriteLine("id: " &Id)
Dim acd As New SiteWeb.AccesDonnees
'On créer le controle de type RadSiteMap
Dim SiteMap1 As New RadSiteMap
'On le configure comme souhaité
SiteMap1.ID = "SiteMapMenu"
SiteMap1.DataTextField = "Libelle"
SiteMap1.DataFieldID = "Identifiant"
SiteMap1.DataFieldParentID = "Parent"
SiteMap1.DataValueField = "Libelle"
SiteMap1.DataNavigateUrlField = "Lienpage"
'This sql receives all the submenus under the current Parent menu
SiteMap1.DataSource =
acd.RetournerDataReader("SELECT RTRIM(Identifiant) as Identifiant,RTrim(Libelle) As Libelle,RTrim(Parent) as Parent,RTRIM(Lienpage) as Lienpage,RTRIM(ParentGlobal) As ParentGlobal FROM lobdjetBDD WHERE NomUser = '" & hf_fonction.Value & "' AND (Parent = '" & Id & "' OR ParentGlobal = '" & Id & "' OR Identifiant = '" & Id & "') Order By Libelle, ChapitreParentGlobal, ChapitreParent,ChapitreEnfant", "EU_BREST")
SiteMap1.DataBind()
[.....] I removed this part of the code to make my post smaller on the forums.
container.Controls.Add(SiteMap1)
Return SiteMap1
Catch ex As Exception
Return Nothing
Exit Function
End Try
End Function
.RadSiteMap.RadSiteMap_rtl .rsmLevel .rsmNodeLines .rsmItem {
padding-right
:.
83333em
;
padding-left
:
0
;
background
:
url
(WebResource.axd?d=f
48
wGjvl_
0
dfjPmNr
9
tLOFvnMRB
1
CLi
8
n-kjtv
2310
YCqz
9
WudUCfxBHSq
03
EKuBio
5
VhswoV
9
GN
6
Msark-MNoNqaK
7
fwka
8
kcEAy
9
exFY
5
jI
8
t
7
WdZDzHk_lf
7
RbccUA
8
wjhaQPz
1
iF
6
FN
7
gH
24
LNwpnC
6
TMkNoLUu
3
voY_UExZqI
460
&t=
635496800280000000
)
right
-2px
no-repeat
;}
I am implementing the sitemap. When you add a child node, within the parent node it adds an unordered list with the class="rsmList rsmLevel1". I want to edit the unordered list that gets created to hold the child node to append a class to it like:
<
ul
class
=
"rsmList rsmLevel1 newClass"
></
ul
>
However, it seems like I can only edit the class of either the parent <li> or the child <li> node. Is there a way to edit the class of the <ul> that gets grouped with the child node?
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>
Hi,
Why is the following only working with Flow and not with List:
<telerik:SiteMapLevelSetting Level="1" ListLayout-RepeatDirection="Vertical" Layout="List">
<NodeTemplate>
<asp:HyperLink ID="HyperLink1" CssClass="rsmlink" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "linkto") %>' Text='<%# DataBinder.Eval(Container.DataItem, "description") %>' runat="server"></asp:HyperLink>
</NodeTemplate>
<SeparatorTemplate><hr /></SeparatorTemplate>
</telerik:SiteMapLevelSetting>
I need to create separators between the items...
Marc
I have been looking for a bit, and have not found the answer. I feel like I just might have overlooked it.
How does the RadSiteMap control know where to break the items into the next column. I am using one of your demos (loading it with XML from code behind - which doesn't work straight out of the ZIP btw). The menu item is set up with a RadSiteMap control with three columns. I can add and remove items from each of the groups, and it will continue to break in the same place. There are two groups under the first column, and one group under each of the others. How does it know, or - more importantly - how do I tell it when to break to another column?
I'm developing a menu using RadMenu and RadSiteMap. I'm getting the nodes by using SiteMapProviders. Everything is working, but I have to add a 4th level at certain nodes and this causes the menu to look untidy and the styling changes.
So I was thinking of having the 4th level pop out when you hover over its parent node like a tooltip. Can you use the Tooltip control with SiteMap? If yes, how do link to just the 3rd level nodes which has child nodes? I can't find any examples on the forum or demos.
Hi there,
I would like to change a couple of things regarding styling to the RadSiteMap (see attachment)
1. Remove horizontal line
I want to remove the horizontal lines, like beneath the 'Auxiliary equipment' text and 'Drivetrain' text.
2. Remove indent level
Is there a way to remove the indents before a level (like before the bullets)?
3. Add empty line last level
I want to create extra space between the 2 levels (like extra space between 'Weigh scale hand pallet trucks' and 'Drivetrain')
I hope somebody is able to assist.
Regards,
Marcel