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

Access default right-side buttons in Metronic


Hi! I am using Metronic 8 HTML in a Vue Project (I don’t want to use the Vue theme as I want to work in JS, not TS).

How can I access and get rid of the right-side buttons (Help, Demo, Buy now) buttons? I can not find these HTML elements anywhere.

Thank you!


G
Guest 3 years ago
Bootstrap 5 Vue
3 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 (3)

A
Adiv 3 years ago

I'm using the React version but it might be the same.

You should have a component called "RightToolbar" have DemosToggleDrawer, ToggleHelpDrawer, PurchaseButton.

If you didn't find the component,
Try to search the *specific* string in the project files such as "Buy Now".


G
Guest 3 years ago

Thank you, the global search for "kt_engage_demos_header" dit it for me.


user
Lauris Stepanovs Author 3 years ago

Hi,

You can find toolbar components in folder src/layout/extras and we are using these components in file src/layout/Layout.vue.


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