Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


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



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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(