Topic: mdb-style is missing
Expected behavior I'd like to use meterial design select, but unfortunately I can't, maybe because of missing definition of mdb-select style
Actual behavior After using the snippet below, there is no pretty material selectbox displayed, but this is an output
Resources (screenshots, code snippets etc.)
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.min.css" rel="stylesheet">
...
<div class="col-12 md-form">
<select class="mdb-select md-form">
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
I have solved this issue. I have downloaded the latest PRO distribution package, and modified index.html file. I have included the snippet for selectbox and run it. All was OK. So I have compared the css and js file, which were common for both project and I have found the differences in mdb.min.css and mdb.min.js. After moving the original files to my project, selectbox has started to work.
you forgot JS part :)
// Material Select Initialization
$(document).ready(
function() {$('.mdb-select').materialSelect();}
);
budik21 free commented 5 years ago
Thanks for reply, but this is not the cause. See my snippet https://mdbootstrap.com/snippets/jquery/budik21/979310, materila select initialization starts on row 199.
Hi,
would you provide any demo of your code? It will be very helpful if I could debug your code in your demo. You can also create a snippet here: https://mdbootstrap.com/snippets/ and I will check what is wrong in your code.
Best, Marta
budik21 free commented 5 years ago
Hi, the snippet is attached at original question, but I can add it here. There is nothing special in my code :-( When I try it in your snippet editor, nothing is displayed
...
<div class="col-12 md-form">
<select class="mdb-select md-form">
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
budik21 free commented 5 years ago
My snippet is here https://mdbootstrap.com/snippets/jquery/budik21/979310
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.5
- Device: Notebook
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No