Alfian Firdaus free asked 8 years ago


Hi there, I need help for this issue, so with MDB, form input automatically using material-design form, right (image : https://goo.gl/XAkqaY), but I really need to build form input exactly like this image https://goo.gl/QrpvqN I already explore the MDB CSS and try many modification, but it doesn't work at all. Big thanks for your fast repsonse

Michal Szymanski staff answered 8 years ago


Use this css code:
input[type=text],
        input[type=password],
        input[type=email],
        input[type=url],
        input[type=time],
        input[type=date],
        input[type=datetime-local],
        input[type=tel],
        input[type=number],
        input[type=search-md],
        textarea.materialize-textarea {
            border-bottom: none;
            border: 1px solid #eee;
            padding-left: 1rem;
        }
And this html markup :
 <div class=&quot;form-group&quot;>
            <input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;exampleInputEmail1&quot; placeholder=&quot;Email&quot;>
        </div>
        <div class=&quot;form-group&quot;>
            <input type=&quot;password&quot; class=&quot;form-control&quot; id=&quot;exampleInputPassword1&quot; placeholder=&quot;Password&quot;>
        </div>

Alfian Firdaus free answered 8 years ago


Revision : I need help for this issue, so with MDB, form input automatically using material-design form, right (image : https://goo.gl/pSSN5V), but I really need to build form input exactly like this image https://goo.gl/R7GDCI I already explore the MDB CSS and try many modification, but it doesn’t work at all. Big thanks for your fast repsonse

Michal Szymanski staff answered 8 years ago


Hi Alfian, I cannot see you sreenshots because I have not permission from you. Please attach images in a different way.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags