Light
Dark
System
Ask  Question

Style from toolbar don't work (dropdown menus) - Metronic 8 Angular

Hi: There is a problem with the dropdown menus at toolbars (all of them)
There is no style at all (just raw HTML)

For instance, let's try in the saas toolbar, the dropdown at "sort by"

https://preview.keenthemes.com/metronic8/demo1/toolbars/saas.html

Of course, the demo works well, but try to reproduce it with the download files.
What is missing?
user
Fer M 8 months ago
Metronic Angular
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
Fer M 8 months ago
Additional info: guess has something to do with bootstrap. When I added a basic bootstrap dropdown button, the click does not work
user
Carmelo D 8 months ago
Hi,

Try to use ngBootstrap dropdown instead: https://ng-bootstrap.github.io/#/components/dropdown/examples.

Regards,
Keenthemes support
user
Fer M 8 months ago
Hi,

That's not my problem. I am using the default configuration from Metronic, and that includes ngBootstrap.
To summarize: I downloaded demo 1, perform the npm install, and without doing any custom changes, the toolbar does not work as expected.

Which could be the problem?

Besides, How can I access to my "6-month support" as a buyer?
user
Carmelo D 8 months ago
You mentioned link is related to the HTML version of Metronic. (https://preview.keenthemes.com/metronic8/demo1/toolbars/saas.html).
In the Angular version (also in all SPA versions React and Vue) we use standard HTML tag select+options for dropdowns. In the HTML version we use select2 library for dropdowns, which we don't use in SPA, cause it needs jQuery (we don't use jQuery in SPA apps).

Here is the all details related support: https://keenthemes.com/support.

Regards,
Keenthemes support
user
Fer M 8 months ago
Sorry, but that is a poor answer.
Basically you are saying to clients that bought an elegant template that in some part raw HTML is used.
The whole purpose of buying a template is not to work on the style.
Raw HTML clearly goes against that principle.
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  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle