breadcrumbs creation on horizontal menu click at web app

[ganirban_ece]

HI Team,

Want to create a breadcrumbs with clicking of below horizontal menu

<div class="navbar navbar-inverse navbar-fixed-top ">
<div class="items">
<ul class="nav navbar-nav" aria-orientation="vertical">
<li> <a class="navbar-brand" asp-area="" asp-page="/about" style="background-color: #008080; width: 221px; text-align: center;">Cloud view</a></li>
<li> <a asp-area="" asp-page="/Home/Index">Home</a></li>
<li><a asp-area="" asp-page="/summery">Summary</a></li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="">Advisory <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/emptyrsgrps">ResourceGroup</a></li>
<li><a asp-area="" asp-page="/unusedvhds">Un Used Disks</a></li>
<li><a asp-area="" asp-page="/tcpsstatics">End Points Statics</a></li>
<li><a asp-area="" asp-page="/dangeroustcpsstatics">Dangerous End Points</a></li>
<li><a asp-area="" asp-page="/aadusers">Active Directory Users</a></li>

</ul>
</li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="/vmlisttest">VirtualMachines <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/vmlisttest">VM Details</a></li>
<li><a asp-area="" asp-page="/vmlisttest">VM by OS</a></li>
<li><a asp-area="" asp-page="/vmlisttest">VM by Power State</a></li>
<li><a asp-area="" asp-page="/vmlisttest">VM CPU & MEM</a></li>
</ul>
</li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="/storage">Storage <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/storage">Storage Accounts</a></li>
<li><a asp-area="" asp-page="/storage">Managed Disk</a></li>
<li><a asp-area="" asp-page="/snapshots">Snapshots</a></li>

</ul>
</li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="/network">Network <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/network">NSG Summary</a></li>
<li><a asp-area="" asp-page="/network">VNET Summary</a></li>
<li><a asp-area="" asp-page="/network">NIC Summary</a></li>
<li><a asp-area="" asp-page="/network">Public IP Summary</a></li>
<li><a asp-area="" asp-page="/network">NSG Rules</a></li>

</ul>
</li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="/encryptionStatus">Security <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/encryptionStatus">Encryption Status</a></li>
<li><a asp-area="" asp-page="/updateassets">Missing Update Detail</a></li>
<li><a asp-area="" asp-page="/updateassets">Missing Update Summary</a></li>

</ul>
</li>
<li class="root">
<a class="dropdown-toggle" data-toggle="dropdown" asp-area="" asp-page="">Administrative <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a asp-area="" asp-page="/tags">Resource Tagging</a></li>
<li><a asp-area="" asp-page="/updateassets">Missing Update Detail</a></li>
<li><a asp-area="" asp-page="/updateassets">Missing Update Summary</a></li>

</ul>
</li>
<li><a asp-area="" asp-page="/support">Support</a></li>
<li><a asp-area="" asp-page="/grafana" style="background-color: #336600">Performance Dashboards</a></li>
</ul>
</div>
</div>


Below is example as ...

Home/

Home/Summary

Home/Administrative /Resource Tagging

Thanks,

Continue reading...