The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

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.



Using the latest version available via Envato, react flavour.

Please advise.
Thank you,
Dan


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


metronic 8.1.1
framework react



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.



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.



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:


Regards,
Lauris Stepanovs,
Keenthemes Support Team



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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(