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.
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 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 commented 5 years ago
My snippet is here https://mdbootstrap.com/snippets/jquery/budik21/979310
you forgot JS part :)
// Material Select Initialization
$(document).ready(
function() {$('.mdb-select').materialSelect();}
);
budik21 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.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- User: 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