Topic: Integrate Ionic 4 with mdbootstrap

gabriel Julián premium asked 5 years ago


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

Thank you! Gabriel


Piotr Urbaniak free answered 3 years ago


Hello jczeledonp,

at the moment, we do not guarantee that MDB will work with this framework.

Best regards


jczeledonp free answered 3 years ago


Any update for making MDB work with Ionic 5?

I followed the instructions and didn't work


Damian Gemza staff answered 5 years ago


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 free commented 5 years ago

THANK YOU DAMIAN FOR HELP


Damian Gemza staff answered 5 years ago


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 free 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 free 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 free 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


Damian Gemza staff answered 5 years ago


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 premium commented 5 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!



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: Premium
  • Premium support: Yes
  • Technology: Other
  • MDB Version: -
  • Device: mobile
  • Browser: safari
  • OS: android ios
  • Provided sample code: No
  • Provided link: No