Angular 9 > No style


Topic: Angular 9 > No style

THIRIAU asked 5 years ago

Hello, I use Angular v9 and Pro MDB. But when I use simple component like :

<button type="button" mdbBtn color="primary" mdbWavesEffect>Primary</button>

No style are displayed. Only the base html button. In the header code, I found bootstrap and mdb sass.

Any solution ?


Konrad Stępień staff commented 5 years ago

Do other components have styles?

Did you correctly follow the quick start page?


THIRIAU commented 5 years ago

Some have style yeah. Yes I already import styles in angular.json.


Arkadiusz Idzikowski staff commented 5 years ago

Do you use lazy loading? Please make sure that you imported MDB modules to the modules in which you use MDB components.


THIRIAU commented 5 years ago

Yes I import mdb modules like InputsModule, WavesModule or ButtonsModule. Else I would get an error, right ?


Arkadiusz Idzikowski staff commented 5 years ago

Can you prepare a simple demo app on which we will be able to reproduce this problem and send it to a.idzikowski@mdbootstrap.com?


Ungr pro commented 5 years ago

Hello. I have the same issue.

After upgrading from Angular 8 to Angular 9 the MDB styles are no longer compiled onto the page.

Have you managed to solve this out?


Arkadiusz Idzikowski staff commented 5 years ago

@THIRIAU

Did you resolve the problem with buttons? You only send me a screenshot that show a problem with input styles.

The problem in outline input is caused by the mdb-icon component. We need to update documentation and some fixes to the styles.


MatDepInfo commented 5 years ago

@Arkadiusz Idzikowski Yeah I fixed button style with import "ButtonsModule" in every modules. It seems to work.

Let me know when outline input style will be fixed, thanks !


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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.0.1
  • Device: Mac
  • Browser: Safari
  • OS: macOS Catalina
  • Provided sample code: No
  • Provided link: No
Tags