Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Issue with modal popup


Urgent! Urgent! Urgent!

I have purchased Metronic 13.2.5
i have access to all figma files in this theme. But i want to have access for all angular file related to all those figma design. Unfortunately i have only the access for Demo 1 in that modal popup are not working.
so please guide me for the same.

If they are available please let us know where should i get access for that angular files.
looking forward for your response.
Thanks


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 (2)


Hi,

Thank you for your message.
HTML, React, Angular, and Vue versions of Metronic theme have different sets of functionalities. (The first implementation appears in the HTML version and then we implement them in SPA one by one, only if the functionality isn't based on jQuery, cause we don't use jQuery in our SPA apps).
Anyway, styles (SASS files) are the same for all versions of Metronic, you can use the same structure of the HTML make-up in the Angular version and it will be fitted the same as in the HTML version.
About Modals in the Angular version: Try to use https://ng-bootstrap.github.io/#/components/modal/examples (it's already included in the app).

Regards,
Keenthemes support



Until modals are implemented directly in the angular solution, the only way is to allow for bootstraps default setup to work.

If your using the Metronic angular solution, then you just need to add the following lines to your angular.json

"scripts": [
"node_modules/@popperjs/core/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.bundle.js"
]


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