Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

I am facing issue with the Menu Dropdown


I have a menu dropdown which does not work at first. but then we if change the nested route or change refresh that page then it start to works


This is the URL from demo Preview
https://preview.keenthemes.com/metronic8/demo1/pages/user-profile/overview.html

Issue is with the 3 dots buttons next to Hire Me.

Also I have migrated from vue-cli to Vite


user
Muhammad Bilal 3 years ago
Vue
4 Answers
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 (4)

user
Muhammad Bilal 3 years ago

Issue was with the transition component once I removed it. menu started to work again as normal


user
Lauris Stepanovs Author 3 years ago

Hi Muhammad Bilal,

Thank you for letting us know.

Do you use vue transition component or it is component from external dependency?

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Lauris Stepanovs Author 3 years ago

Hi Muhammad Bilal,

Could you please specify which Metronic version are you using?

We are handling all our components initialization in file src/core/plugins/keenthemes.ts, please make sure that you have included this files.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Muhammad Bilal 3 years ago

it's 8.1.5

I just want to know that is there a way to open the menu .programatically. I am using data-kt-menu but that is not working. just looking for other way around


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