Seeking a solution to emphasize buttons that the User has not visited in the event of changes to the content of the views that appear when these buttons are clicked. The answer must utilize the ASP.net MVC CSS framework.
<head>
<style type="text/css">
body{
overflow-x:scroll;
}
.auto-stylelay1 {
font-size: 18px;
text-align: left;
cursor: pointer;
}
</head>
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand" style="font-size: 22px">
<a href="#">
<strong>
</strong>
</a>
</li>
<b></b>
<p class="auto-style2"><strong>Hello @User.Identity.Name!</strong></p>
<li class="auto-stylelay1">@Html.ActionLink("Home", "Index", "Home")</li>
<li class="auto-stylelay1">@Html.ActionLink("Proof of Concept", "POC", "Home")</li>
<li class="auto-stylelay1">@Html.ActionLink("Reports", "report", "Home")</li>
<li class="auto-stylelay1">@Html.ActionLink("Links/Other Resources", "Links", "Home")</li>
<li class="auto-stylelay1">@Html.ActionLink("About", "About", "Home")</li>
<li class="auto-stylelay1">@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</div>
I am looking to modify the layout style of page buttons on the menu bar if the user has not interacted with them. I have implemented a check to determine the user's browsing history, but I still need the code to make modifications to the shared layout file based on the user.
I anticipate that the button will be highlighted with a new content indicator. Essentially, I want to alter the class styles for the li html action links depending on whether the user has visited that particular page or not. If the button has been clicked, I want the class to revert to auto-stylelay1.