Hi snehalp,
Please take reference the below code and correct your code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<style type="text/css">
.nav li a:hover, .nav li a:focus .nav li a:active .nav li a:visited
{
color: #FFFFFF;
background-color: #10877c;
}
.selected
{
color: Red;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<nav id="navSide" runat="server" class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav scrollable-menu" id="main-menu">
<asp:Repeater ID="rptMenu" runat="server" >
<ItemTemplate>
<li data-enabled='<%# Eval("isActive")%>'>
<img src='assets/images/<%# Eval("ImageName")%>' height="42" width="42" />
<a runat="server" id="Anchor" onserverclick="GetControl" style="display:inline-block;padding-left: 0px;padding-right: 0px;" alt="GYUGSJ"><%# Eval("ModuleMenuName")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</nav>
</div>
</form>
</body>
</html>
Namespaces
C#
using System.Web.UI.HtmlControls;
Code
C#
protected void GetControl(object sender, EventArgs e)
{
int index = ((sender as HtmlAnchor).NamingContainer as RepeaterItem).ItemIndex;
foreach (RepeaterItem item in rptMenu.Items)
{
if (item.ItemIndex == index)
{
(item.FindControl("Anchor") as HtmlAnchor).Attributes.Add("class", "selected");
}
else
{
(item.FindControl("Anchor") as HtmlAnchor).Attributes.Remove("class");
}
}
}
Screenshot
