1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: MDB Admin Dashboard include in project

Jan Louw pro asked 5 years ago

Hi, I've purchased the Admin Dashboard Pro and downloaded the zip file, but is there any instructions how to include it in an existing MDB Pro project? How will I use it? Any documentation specific to the Dashboard? Regards Jan

Damian Gemza staff answered 5 years ago

Dear Louw, You're unable to implement MDB Angular Admin Dashboard template in your existing project. If you need some of Dashboard's components, you have to copy code to your project, and also copy source codes (scss, font, typescripts). Best Regards, Damian

mirnesc92 pro answered 5 years ago

I haven't purchased the Admin Dashboard Pro, but I assume it works just like any other template. You can either modify existing html templates to include your project (probably easier for entry level/beginners). Or you can take the assets from the template files (css/js) and move them into your project files, you may need to adjust dependency paths etc (for example, the .css files may rely on images in ../img/some_image.jpg, but your images directory is called ../images/, in this case you need to use sass to recompile the css, or I search and replace..)

Jan Louw pro commented 5 years ago

Thanks for the advice. I was just hoping for more information around on how you would include some of the components/example pages in an existing project. For example, if you want to include the Panel component from the AdminPro, do you just copy the specific css/templat/ts files under the app/views/components/panel directory to your project? I see there is a view.module.ts file under the app/views - do I include this then as well? Just too confusing for an entry level/beginner like myself. Regards

mirnesc92 pro commented 5 years ago

Sorry I thought this was tagged under MDB JQuery before, I don't have any experience working with Angular. The JQuery version doesn't really have a concept of re-usable components like React, Vue, and Angular do. Maybe someone else who has worked with Angular can help. I've worked with React and Vue before, I assume you should be able to do something similar to this to include the Panel component for example. import { Panel } from '@foo/bar'; Then once you have the component imported to you can pass it properties. The MDB Angular code should be setup as dependency and not mixed in with your apps components etc.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Jan Louw
Pro User 118Support score
24Questions 3Answers 0Snippets