Topic: Select Label invisible on browser

cdenby pro asked 5 years ago


<select class="mdb-select" multiple> <option value="" disabled selected>Choose Context</option> <option value="5">Classroom</option> <option value="6">School</option> <option value="7">FOS / Network</option> <option value="8">Board</option> <option value="9">Region / Province</option> </select> <label>Context</label> I have the Label "Context", but when it renders on the page, it's invisible. Is there some sort of padding or margin I need to set to make it visible? When I inspect element, the label itself appears to be far higher on the html page than one would expect and is hidden by other elements.

Marta Wierzbicka staff answered 5 years ago


Hi, OK, so great you found a solution. Best, Marta

cdenby pro answered 5 years ago


I ended up finding a solution of wrapping the <label> and <select> in a div: `<div> <label><br/><br/>Transportation</label> <select class="mdb-select" multiple> <option value="" disabled selected>Choose Transportation</option> <option value="1">Personal Car</option> <option value="2">Rental Car</option> <option value="3">Taxi</option> <option value="4">Airplane</option> </select> </div> That resulted in the label behaving itself.

Marta Wierzbicka staff answered 5 years ago


Hello, send to my email address: m.szymanska@mdbootstrap.com files with sample of your code with this issue, please. Now I can't recreate this problem. Best, Marta

cdenby pro answered 5 years ago


It appears that all of these labels are appearing in the same vertical space. I had it in a class="tab-content card". When I added a couple of <br/> tags, they dropped down, but I have 3 selects in quick succession and the labels all land on top of one another. Please advise.

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

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