Topic: Integrate Ionic 4 with mdbootstrap
gabriel Julián pro premium asked 6 years ago
Hello, It´s possible to integrate mdbootstrap in a new ionic 4 App.
Thank you! Gabriel
Damian Gemza staff answered 6 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 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!
Damian Gemza staff answered 6 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 commented 6 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
Damian Gemza staff answered 6 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
jczeledonp answered 4 years ago
Any update for making MDB work with Ionic 5?
I followed the instructions and didn't work
Piotr Urbaniak answered 4 years ago
Hello jczeledonp,
at the moment, we do not guarantee that MDB will work with this framework.
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: Other
- MDB Version: -
- Device: mobile
- Browser: safari
- OS: android ios
- Provided sample code: No
- Provided link: No