Multiselect as meterial input with icon prefix

Topic: Multiselect as meterial input with icon prefix

dmermigas pro asked 6 years ago

I am trying to make a form with 2 input fields, a meterial input text field and a multiselect field. Both fields with prefix icons. The proble is that the multiselct field doen't render well or perform the animation like the text field. The sample code is the following:

<div class="md-form form-sm">
<i class="fa fa-users prefix"></i>
<input type="text" id="form10" class="form-control">
<label for="form10">Some text</label>
<small id="passwordHelpBlockMD" class="form-text text-muted">
Details for the input
</small>
</div>

<div class="md-form form-sm">
<i class="fa fa-users prefix"></i>
<select id='form2' class="mdb-select" multiple>
<option value="" disabled selected>Choose your country</option>
<option value="1">USA</option>
<option value="2">Germany</option>
<option value="3">France</option>
<option value="4">Poland</option>
<option value="5">Japan</option>
</select>
<button class="btn-save btn btn-primary btn-sm">Save</button>

<label for="form2">Some text</label>
<small id="passwordHelpBlockMD" class="form-text text-muted">
Detais from the input
</small>
</div>

can you please help me? Another one question is how to translate the message "x options selected" when i select all the items of the multiselect?

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

Hello, The main reason why multi select is bad rendering an animation is a fact that we have a bug with this. We will fix this in next release (next week). Do you mean 'selact all'? Best, Piotr

dmermigas pro commented 6 years ago

Thank you very much for your prompt answer. If it is a bug ok then I will wait for the next release. Yes I mean the select all. If you do that then the multi select shows x options selected. Is there any jquery call to translate it like the calendar control? DIMITRIS

Piotr Glejzer staff commented 6 years ago

Hmm, I'm not sure what do you exactly want with that 'select all'. May you show me an example?

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: 4.5.9
Device: PC
Browser: Firefox, IE Edge
OS: Win 10
Provided sample code: No
Provided link: No

dmermigas

Pro User

35Support score
5Questions 1Answers

0Snippets likes 0Snippets