Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Metronic Angular Theme – Missing Files and Navigation Issue


Here’s your merged and polished version of the message:

⸻

I purchased the Metronic theme from ThemeForest, but after downloading the files, I noticed that the Angular folder was missing. I followed the instructions from this guide: Metronic Angular Integration to install the Angular theme. However, the page content is not displaying and navigation between links is not working.

I’ve made sure to follow the same structure and guidelines provided, but the issue persists. Here’s a recording of the problem for reference:
"

Could you please help me resolve this issue?


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


Hello! I spent yesterday evening at Spinogambino Casino ENG and was pleasantly surprised. The slots are exciting, the interface is simple, and the payouts are fair. Even a small win lifted my spirits. This online casino is really worth checking out. I recommend it to anyone who wants fair and interesting gaming.



Hi Talha Ikram

The issue is that your Angular app is missing the core Metronic assets. Here's what you need to do:
Locate Your Metronic Assets: You need to find the dist/assets folder from your purchased Metronic Tailwind HTML package. This should contain:
- css/styles.css (main Metronic styles)
- vendors/keenicons/styles.bundle.css (icon styles)
- js/core.bundle.js (core JavaScript functionality)
- media/ folder (images and other assets)

Copy Assets to Angular App: Copy the contents of dist/assets from your Metronic package into src/assets in your Angular project. This will overwrite the existing empty assets folder.

Update angular.json Configuration: The boilerplate should automatically reference these files, but verify that your angular.json includes the proper styles and scripts arrays.

Restart Development Server: After copying the assets, run npm install and ng serve to restart your development server.


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