In this article we are going to see how to add the sitemap path in the web application, what is sitemap path ?
SiteMapPath displays the navigation path that shows the users about current page location and as well as the path of the site how to came to visit the current page. It is easy for user to move to the parent page.
Drag and Drop the sitemappath in the Master page and add a web.sitemap file where you can mention the datas about the map path and the display information for that url.
SiteMapFile:
HTML:
Output:
You can see at the top of the application a path is shown how user is visit the current page.
Visiting Home Page: home.aspx
\
From this article we can learn what is the usage of sitemappath and there implementation in the web application.
SiteMapPath displays the navigation path that shows the users about current page location and as well as the path of the site how to came to visit the current page. It is easy for user to move to the parent page.
Drag and Drop the sitemappath in the Master page and add a web.sitemap file where you can mention the datas about the map path and the display information for that url.
SiteMapFile:
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode title="Root">
<siteMapNode url="~/Homes.aspx" title="Home" />
<siteMapNode url="~/Employee.aspx" title="Employee">
<siteMapNode url="~/AddEmployee.aspx" title="Add Employee"></siteMapNode>
</siteMapNode>
<siteMapNode url="~/Adm.aspx" title="Admin">
<siteMapNode url="~/AddUser.aspx" title="Add User"/>
</siteMapNode>
</siteMapNode>
</siteMap>
<body>
<form id="form1" runat="server">
<div>
<asp:SiteMapPath ID="SiteMapPath1"
runat="server"
onitemcreated="SiteMapPath1_ItemCreated">
</asp:SiteMapPath>
<br />
<div style="padding:10px">
<asp:Menu DataSourceID="XmlDataSource1" StaticMenuItemStyle-ItemSpacing="30px" DisappearAfter="2000"
runat="server"
Orientation="Horizontal">
<DataBindings>
<asp:MenuItemBinding DataMember="Menu"
TextField="value"
NavigateUrlField="url"
/>
</DataBindings>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1"
DataFile="~/Menus.xml"
XPath="Menus/Menu"
runat="server"></asp:XmlDataSource>
</div>
<asp:ContentPlaceHolder
ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
C#
To avoid the display of root element from the sitemap and the hide the path separater for the index 1, find the below code
To avoid the display of root element from the sitemap and the hide the path separater for the index 1, find the below code
protected void
SiteMapPath1_ItemCreated(object sender, SiteMapNodeItemEventArgs e)
{
if (e.Item.ItemType == SiteMapNodeItemType.Root
||
(e.Item.ItemType == SiteMapNodeItemType.PathSeparator
&& e.Item.ItemIndex==1))
{
e.Item.Visible = false;
}
}
Output:
You can see at the top of the application a path is shown how user is visit the current page.
Visiting Home Page: home.aspx
\
Visiting Add Employee Page: addemployee.aspx
Visiting Add User Page: adduser.aspx
From this article we can learn what is the usage of sitemappath and there implementation in the web application.
No comments:
Post a Comment