0

I am using jhipster microservice architecture for my project. but i want to customize the UI. and use material design with material angular framework.

I am using angular 4 in my project. I serarched a lot but I could not find any way for angular 4 .

How can I change my UI framework from bootstrap to material angular?

I'll be appreciated if anybody could help.

georgeawg
  • 48,608
  • 13
  • 72
  • 95
Milad
  • 77
  • 2
  • 5

1 Answers1

0

You should uninstall Bootstrap and install Angular Material.

Kostas Siabanis
  • 2,989
  • 2
  • 20
  • 22
  • Bootstrap Material Design module will not work as it has not been updated for 2 years and so does not support angular 4. – Gaël Marziou Aug 12 '17 at 09:22
  • ok I hear you, I will update my answer, thanks. For the sake of future readers, I completely deleted the reference to Bootstrap Material Design – Kostas Siabanis Aug 12 '17 at 09:24
  • can you please explain how can I uninstall Bootstrap? and I use this [link](https://material.angular.io/guide/getting-started) for installing angular material. is that enough or sth more is needed for making it work with jhipster? – Milad Aug 12 '17 at 09:35
  • Yes, this is the right link. What version of JHipster are you using? I took a look at [this](https://github.com/jhipster/jhipster-sample-app) and saw that it uses Bower to handle Bootstrap. Before getting you too much confused, can you focus first on installing and successfully use Angular? Technically you don't even need to uninstall Bootstrap, you could simply not use it. – Kostas Siabanis Aug 12 '17 at 09:58
  • He is using angular 4 not angular 1 so no bower, an example of a generated jhipster app in angular 4 is [here](https://github.com/jhipster/jhipster-sample-app-ng2) Additional hints specific to JHipster and material: https://stackoverflow.com/questions/42157853/jhipster-md-button-is-not-a-known-element – Gaël Marziou Aug 12 '17 at 11:07
  • Ty that was the missing piece! So according to Gael Marziou 's link, the only two packages you need to uninstall are `@ng-bootstrap/ng-bootstrap` and `bootstrap`. But first, try to install Angular material correctly – Kostas Siabanis Aug 12 '17 at 13:23