Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Button with anchor style
Dear support!
I am using demo8 HTML theme. In the aside user section, in Sign Out menu item, I need to use button element instead of anchor. How to do that maintaining the same style of anchor. The code I am talking about is:
<!--begin::Menu item-->
<div class="menu-item px-5">
<a href="../../demo8/dist/authentication/layouts/corporate/sign-in.html%22%20class=%22menu-link%20px-5" target="_blank">Sign Out</a>
</div>
<!--end::Menu item-->to:
<div class="menu-item px-5">
<form asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })">
<button type="submit" class="????????">Sign Out</button>
</form>
</div>Thanks
Replies (1)
Hi,
You can use the below markup to put a button tag as the menu link:
<button type="submit" class="menu-link btn w-100 py-3 px-5">
Sign Out
</button>Then apply the custom padding class to all menu links to make them similar to the button link:
<!--begin::Menu item-->
<div class="menu-item px-5 my-1">
<a href="#%22%20class=%22menu-link%20py-3%20px-5" target="_blank">
Account Settings
</a>
</div>
<!--end::Menu item-->If you need any further help please do let us know.
Regards.
Your Support Matters!
We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
