how to integrate an Intro App into Angular?

Ryannnnn pro premium priority commented a year ago

Hi @r.seifert,

When I start with the MDB4 link

https://mdbootstrap.com/docs/b4/angular/getting-started/installation/

1. unzip it
2. load the code in VS Code
3. run npm install
4. copy the code from this example https://mdbootstrap.com/docs/b4/angular/css/background-image/

HTML --> MDB4-Angular-Free/src/app/app.component.html

SCSS --> MDB4-Angular-Free/src/app/app.component.scss

index.html --> MDB4-Angular-Free/src/index.html

and finally run ng serve -o, the style is still broken.

Any help would be greatly appreciated. I love the layout of this Intro App, and want to use it in my project.

I just bought the MDB Pro account to use your tools!

Also, I wasn't able to find the download link for MDB4 Angular Pro.

Ryannnnn pro premium priority commented a year ago

I think I've found a problem:

The HTML code is trying to use styles that don't exist in the SCSS. For example, these styles are used in the HTML and missing in the SCSS:

.md-form 
.form-control 
.form-inline 
.white-text 
.rgba-gradient 
.full-bg-img

Can someone share the missing MDB styles?

r.seifert staff commented a year ago

I've edited the answer with solution to your problem.