Doesn't work with Bootstrap 4

[palenshus]

Doesn't appear to work well with bootstrap 4. The styling is completely stripped, the checkmarks are gone and the lines are all blue, and the horizontal rule is gone.

[moisesbaddini]

👍 +1

[Scottbee]

For anyone who needs a shim of sorts to fix the missing functionality.

• Make sure you add a reference to FontAwesome to replace the deprecated web icons
• In the JS for "angularjs-dropdown-multiselect", replace "glyphicon glyphicon-ok" with "fas fa-check"
• In the JS for "angularjs-dropdown-multiselect", replace "glyphicon glyphicon-remove" with "fas fa-times"
• Add the following to your CSS sheet:

div[ng-dropdown-multiselect] > div > ul > li.divider { margin-top: 5px !important; margin-bottom: 5px !important; height: 1px; background-color: #e5e5e5; } div[ng-dropdown-multiselect] > div > ul > li > a:hover { text-decoration: none; } div[ng-dropdown-multiselect] > div > ul > li:hover { background-color: #F5F5F5; }

[kwestberg]

@Scottbee Thank you for the tips on making some of adm functional. I was curious if you had the chance to do "All" the leg work required for the bootstrap 4 conversion? If not, I'll jump in and post whatever it is i discover along the way. cheers friend.

[Scottbee]

Hi @kwestberg , I'm afraid I can't guarantee that my findings account for all the bugs that might be present. These fix the most obvious ones for me in my environment and device targets.

[kwestberg]

@Scottbee I understand. Shortly after finding this post I discovered a sea of v3 to v4 migration sites. After a bit of [search & destroy] in template... its humming along. Thanks for the inspiration.