Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

HTML THEME TO REACT ISSUES


I am trying to convert the Html theme to React since i could not really get a good grasp of the code. Everything seems to be working but I am having issues with the drop down and other triggers. What do I need to do to get going?


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 (5)


Some other Details:
I can not scroll feature seems to be disenabled on the dark aside bar. I have followed the html tutorial but I did not see the instructor do something out of the ordinary to make that work. So I am wondering where the issue might be.



Hi, where you able to solve this problem ?
I am having a similar issue !



Hi,

Could you please create different threads for different issues, cause it's hard to maintain them? Thanks in advance.

About the issue related to dropdown issues, could you please check this thread: https://devs.keenthemes.com/question/rtk-query-in-react. Looks you have the same issue.

Regards,
Keenthemes support



You did not get our question:

I am not using the React Demo Version Developed By You.
I am transforming the HTML version into a React version but we noticed that the toggles starting with "kt" eg. "kt_aside_toggle" are not working. However the toggles with starting with "data" eg. "data-bs-toggle" are working. What's the possible work around for this kind of scenario.


Note: Your React Implementation is Quite complex. Trying to understand your implementation might take me a longer time.



Hi,

Cause of that I suggested checking our code. For React version we have react/demo1/src/_metronic/assets/ts folder with kt components (which is built for HTML version, but we re-use them in our React app also (Initialization of kt components: react/demo1/src/_metronic/layout/MasterInit.tsx).

Regards,
Keenthemes support


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  :(