Data-toggle fixing when routing in ASP.net

0
votes

When I route in my ASP.net web app, the following toggle doesn't work

<div class="collapse navbar-collapse justify-content-center fixed" id="collapsibleNavbar">
    <ul class="nav nav-tabs" id="mainTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="hometab" data-toggle="tab" href="#home" aria-controls="home" aria-selected="true" style="font-size: 90%; text-align: center;">Home</a>
        </li>
    </ul>
</div>

<div class="tab-content">
    <div class="tab-pane container active" id="home" aria-labelledby="hometab" data-ride="tab"></div>
</div>

RouteConfig:

routes.MapPageRoute( "ProfileRoute", "Profile/{userid}", "~/Profile.aspx" );

Url :

Profile/id#home

How can i solve this problem ?

Thanks!

1
c#asp.netwebformsroutesnav
Does this answer your question? tabs navigation with custom routing in asp.net - Mr-JS

1 Answers

0
votes

You can use

ActionLink @Html.ActionLink("Controller", "Action")

  <a class="nav-link active" id="hometab" data-toggle="tab" style="font-size: 90%; text-align: center;">
        <li>@Html.ActionLink("Home", "Index")</li>
        Home
    </a>

Or

  <a class="nav-link active" id="hometab" data-toggle="tab" href="@Url.Action("Controller", "Action", new {userid = ""})" style="font-size: 90%; text-align: center;">
       Home
    </a>