Integrate Ionic 4 with mdbootstrap

Topic: Integrate Ionic 4 with mdbootstrap

gabriel Julián pro premium asked 6 years ago

0 0

Hello, It´s possible to integrate mdbootstrap in a new ionic 4 App.

Thank you! Gabriel

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear Gabriel,

If you're having an Ionic application created with jQuery in which you're having an initialized npm project, please install the MDB jQuery from npm / gitlab, and then import necessary mdb js / css files in index.html (or another main .html file in your application).

I can't provide you with some bullet points on how to integrate MDB jQuery with the Ionic project because I didn't use Ionic with jQuery.

Ionic was designed to use it with Angular, so if you want to create an Angular Ionic application with MDB, I can help you with this :)

Best Regards,

Damian

gabriel Julián pro premium commented 6 years ago

Hi Damian,

No, I´m using Angular.

But I don´t know how to start a new project in ionic whith MDB installed.

Thanks!

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Gabriel,

Please create the new blank Ionic project, and then install in it angular-bootstrap-md or ng-uikit-pro-standard library (using npm install), then import the necessary styles in main scss file of your application, and then import the MDBootstrap module in app.module.ts file.

I don't have any Ionic project on my laptop, so I can't provide you with bullet points on how to integrate it.

If you still need help, please feel free to ask!

Best Regards,

Damian

paul kouame commented 5 years ago

good evening sir damian can you show us a little bit of code on how to import mdb files? thank you in advance

94poojamish commented 5 years ago

hi I have integrated mdbbootstap in a blank project but there is a problem in navigating one page to another page pls help me out, I m using ionic 5 with angular 7

94poojamish commented 5 years ago

hi I have integrated mdbbootstap in a blank project but there is a problem in navigating one page to another page pls help me out, I m using ionic 5 with angular 7

Add comment

Damian Gemza staff answered 5 years ago

0 0 Best answer

Dear @paul kouame

This is very easy. You have to follow our Quickstart Guide, and everything will be okay.

1) Install angular-bootstrap-md / ng-uikit-pro-standard,

2) In the feature module in Ionic app (for example, home.module.ts) import the MDBBootstrapModule (for free) or MDBBootstrapModulesPro (for pro) - remember about .forRoot,

3) To the angular.json file add the styles and scripts imports (like in Quickstart Guide),

4) Install necessary 3rd party libraries like HammerJS, Charts JS,

5) Run your application

Best Regards,

Damian

paul kouame commented 5 years ago

THANK YOU DAMIAN FOR HELP

Add comment

jczeledonp answered 4 years ago