Checkbox and save button in multiselect changed in 4.5.7

Topic: Checkbox and save button in multiselect changed in 4.5.7

root-nine priority asked 6 years ago

I´ve just updated to version 4.5.7 and I noticed the following in material multi select

The checkboxes have gone
The "save" button to apply the selection is no longer part of the dropdown. Instead it´s visible the the dropdown is collapsed and invisible when the dropdown is expanded.

Is there a way to get back the behavior of version 4.5.6 (with checkboxes and the button inside the dropdown)?

Add comment

Piotr Glejzer staff answered 6 years ago

We found a solution for that bug. We will fix it globally in next release. But if you need that for now, you have to do that steps. 
- Go to your MDB PRO pack and find a material-select.js file. 
- Next step you have to add new code. Find wrong code(160/171 line) and replace that code with this code:
<pre><code>
options.append($('<li class="' + disabledClass + '"><img alt="" src="' + icon_url + '"' + classString + '/><input class="form-check-input" type="checkbox"' + disabledClass + '/><label></label>' + option.html() + '</li>'));

and

options.append($('<li class="' + disabledClass + '"><input class="form-check-input" type="checkbox"' + disabledClass + '/><label</label>' + option.html() + '</li>'));
</code></pre>
- Next step you have to add function what will initiate a save button: 
- Find a variable <code> var saveSelect = $select.parent().find('button.btn-save');' </code> 
- Below that variable paste that code:
<pre><code>
 var setSaveOption = function setSaveOption() {
 options.append(saveSelect);
 };
</code></pre>
And the last step: 
- find code <code> saveSelect.on('click', function () { </code> 
a below that code paste that code: 
<code> setSaveOption(); </code> 
And that's it. If you have any probles and question I'm here to help you. 
Best, 
Piotr

Please insert min. 20 characters.

We found a solution for that bug. We will fix it globally in next release. But if you need that for now, you have to do that steps.
- Go to your MDB PRO pack and find a material-select.js file.
- Next step you have to add new code. Find wrong code(160/171 line) and replace that code with this code:


options.append($('<li class="' + disabledClass + '"><img alt="" src="' + icon_url + '"' + classString + '/><span class="filtrable"><input class="form-check-input" type="checkbox"' + disabledClass + '/><label></label>' + option.html() + '</span></li>')); 

and 

options.append($('<li class="' + disabledClass + '"><span class="filtrable"><input class="form-check-input" type="checkbox"' + disabledClass + '/><label</label>' + option.html() + '</span></li>'));

- Next step you have to add function what will initiate a save button:
- Find a variable var saveSelect = $select.parent().find('button.btn-save');'
- Below that variable paste that code:


 var setSaveOption = function setSaveOption() {
     options.append(saveSelect);
   };

And the last step:
- find code saveSelect.on('click', function () {
a below that code paste that code:
setSaveOption();
And that's it. If you have any probles and question I'm here to help you.
Best,
Piotr

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

Material Select is a premium component, and according to our system, you use MDB Free version. Please, provide us a number o your order or registered email to confirm your access to MDB Pro components and premium support. Send it to me on email: p.glejzer@mdbootstrap.com Best, Piotr

root-nine priority commented 6 years ago

I´ve just sent you the order number for the MDB Pro component

Piotr Glejzer staff commented 6 years ago

Thank you again for your confirmation message. About your problem, it's a bug. We are trying to resolve that as soon as possible. Best, Piotr

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

ForumUser: Priority
Premium support: Yes
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

root-nine

79Support score
13Questions 6Answers 6Snippets