Base solution for your next web application
Open Closed

Metronic Bootstrap Multiselect #2971


User avatar
0
commondesk created

I'm trying to use this component of metronic.

<a class="postlink" href="http://keenthemes.com/preview/metronic/theme/admin_1/components_bootstrap_multiselect_dropdown.html">http://keenthemes.com/preview/metronic/ ... pdown.html</a>

I'm expecting it to work like on the metronic website.

It doesn't - it looks like this instead.

[attachment=0:1gxht3u7]trash.PNG[/attachment:1gxht3u7]

To produce this, I have copied verbatim the sample code from the metronic website.

I checked and I have the same version of bootstrap as the metronic sample so it is very confusing to me as to why this doesn't work. When you say that there are 1000+ components available with asp.net zero..... are they metronic components or something else? Am I wrong to expect this to work?

<select class="mt-multiselect btn btn-default" multiple="multiple" data-width="100%">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>


1 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Yes, metronic theme includes many components but we didn't include all of them to AspNet Zero by default. In your case, you need to include bootstrap-multiselect.js and bootstrap-multiselect.css files to your project and then your layout.

    After that, it should work like you expected. You can check this document's page for more information <a class="postlink" href="http://davidstutz.github.io/bootstrap-multiselect/">http://davidstutz.github.io/bootstrap-multiselect/</a>.

    Thanks