Dropdown is not working in my Angular Metronic v8.1.5 project.
<div>
<button type="button" class="btn btn-primary rotate" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" data-kt-menu-offset="30px, 30px">
Click to open menu
<span class="svg-icon fs-3 rotate-180 ms-3 me-0">...</span>
</button>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-auto min-w-200 mw-300px" data-kt-menu="true">
<div class="menu-item px-3">
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
</div>
<div class="separator mb-3 opacity-75"></div>
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
New Ticket
</a>
</div>
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
New Customer
</a>
</div>
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<a href="#" class="menu-link px-3">
<span class="menu-title">New Group</span>
<span class="menu-arrow"></span>
</a>
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Admin Group
</a>
</div>
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Staff Group
</a>
</div>
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Member Group
</a>
</div>
</div>
</div>
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
New Contact
</a>
</div>
<div class="separator mt-3 opacity-75"></div>
<div class="menu-item px-3">
<div class="menu-content px-3 py-3">
<a class="btn btn-light-primary btn-sm px-4" href="#">
Generate Reports
</a>
</div>
</div>
</div>
</div>The code I wrote above does not work in my angular project. But there are places used by default. It doesn't work when I write it myself specially. Can you help me?
Replies (1)
Hi,
To troubleshooting, try copying the exact code for dropdowns from the default working examples within your Metronic project. This can help identify if there are any specific differences or issues in the custom code you've written for dropdowns.
Thanks
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
