The dropdown Menus from the Main Navigation Menu are not expanding on Click with React
I'm using metronic_html_v8.1.4_demo13 with react. I have copied all the <div class="d-flex flex-column flex-root">----</div> into my react App.js.
I have also included below css at the top and js at the botton.
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
.
.
.
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
But Navigation Menu is not scrollable nether can it expand when clicked. How can i achieve using metronic_html_v8.1.4_demo13 in React?
Replies (3)
Hi,
Thanks for your feedback.
Have you checked Demo2-Demo7 React app source to refer to how the HTML and core-js should be initialized? You may reuse the existing react apps core and migrate the HTML of Demo 13. At the moment Demo 13 is not implemented but we will try to provide the Demo 13 React app as soon as possible.
Regards.
Thank you for your response.
Still not able to use the html demo 13.
Can i get the source files for below css & js?
plugins.bundle.js
scripts.bundle.js
plugins.bundle.css
style.bundle.css
Hi,
It's difficult to help you, cause we don't have demo13 for the react version ready. Also, we aren't able to reproduce your case. Try to check the code in react/demo2/src/_metronic/layout/components/aside/AsideDefault.tsx file, how our sidebar menu works, maybe it will help you to implement aside menu for the demo13 yourself.
Regards,
Keenthemes support
