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?

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)

Additional info: guess has something to do with bootstrap. When I added a basic bootstrap dropdown button, the click does not work

Hi,

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

Regards,
Keenthemes support

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?

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

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