Topic: Adding the MDB to an existing angular-cli project
Warren Stow free asked 5 years ago
I've wanted to see if MDB would be a good choice for my project so I tried testing the free version this morning.
I followed the instructions here: https://www.npmjs.com/package/angular-bootstrap-md
I had to change this:
"../node_modules/angular-bootstrap-md/scss/mdb-free.scss" to get it to compile.
I've only tested the text input field but the label doesn't shrink and move up when it has focus.
Start your code here
<div class="md-form"> <inputtype="text"id="form1"class="form-control"> <labelfor="form1"class="">Example label</label> </div>
Dawid Adach pro answered 5 years ago
mdbActive" in your inputs. It should be :
<div class="md-form"> <input mdbActive type="text" id="form1" class="form-control"> <label for="form1" class="">Example label</label> </div>
Juan Russo pro commented 5 years agoHi! I came to this thread because I had the same problem with the PRO version.with what you say, is solved. What happens is that the documentation in the part of the FORMS (https://mdbootstrap.com/angular/components/forms/) does not mention it, but in the part of the INPUT (https://mdbootstrap.com/angular/components/inputs/) it does. You should touch that part to avoid confusion.
dxl pro answered 5 years ago
Dawid Adach pro commented 5 years agoDear dxl, you can use npm install option, please follow this guide : https://mdbootstrap.com/angular/5min-quickstart/
Damian Gemza staff commented 5 years agoHi dxl, Please follow instructions provided in link below. You have to scroll down to half of page, and on this nice, blue tab, please select PRO instead of FREE. https://mdbootstrap.com/angular/5min-quickstart/ Best Regards, Damian
Chen Xiao pro answered 5 years ago
Hi, guy, my problem resolved.
I urgent to try the template to mess up something, I reinstall the angular pro, everything is ok.
Just be patient.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Warren Stow free commented 5 years agoI'm using version 4.3.5 - my question format was messed up when I hit submit without this at first.
Chen Xiao pro commented 5 years agoI use pro version, setup by the tutorial, but animated shrink not work either, I suspect is the wow.js not loaded.
Dawid Adach pro commented 5 years agoDear Warren, thanks, instruction was misleading, we have already fixed that!
Warren Stow free commented 5 years agoI rolled back and started over using the updated instructions. No change. My input box displays with the label over it, when I start typing the label stays where it is and covers my input.
Dawid Adach pro commented 5 years agoDear Warren, please send me your project to email@example.com
Warren Stow free commented 5 years agoWouldn't let me send a zip so I shared the project with you. Thanks