Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

my partner just bought the theme and I am trying to use demo3 but..


but... the buttons in the right sidebar are frozen, no tab is switching.
https://snipboard.io/QlXfjJ.jpg
https://snipboard.io/hFmLRP.jpg

Using the latest version available via Envato, react flavour.

Please advise.
Thank you,
Dan


user
Dan Ionescu 2 years ago
React
5 Answers
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)

user
Dan Ionescu 2 years ago

metronic 8.1.1
framework react


user
Lauris Stepanovs Author2 years ago

Hi,

Unfortunately, we were not able to reproduce this issue in the latest Metronic version.

In our demo3 right sidebar tabs are working fine, check out our preview page:
https://preview.keenthemes.com/metronic8/vue/demo3/#/dashboard

If there are any steps to reproduce this issue please describe them.


user
Dan Ionescu 2 years ago

I just tried your React demo and has the same issue:
https://preview.keenthemes.com/metronic8/react/demo3/dashboard#kt_sidebar_tab_2

The tabs are not switching.
Please advise.
Thank you.


user
Lauris Stepanovs Author2 years ago

Hi Dan,

Yes in react version tabs don't work, we will fix this. in upcoming releases.

For now, you can use react-bootstrap tabs:
https://react-bootstrap.github.io/components/tabs/

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Nikki Author2 years ago

Could you please provide us with more info? What is your Metronic version and framework(React, Angular, Vue, or HTML)?


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