form usage

Topic: form usage

efilippi priority asked 3 years ago

Hi,

I'm using MDB5 v3.4.0

I'm trying to make a form with select input inside, using the Select component but the rendering is very poor.

What did I miss ?

Are there other MDB5 files to include in page header ?

Expected behavior form with MDB design

Actual behavior form with root browser design

Resources (screenshots, code snippets etc.)

MDB5 files included in header :

<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"/>
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- MDB PLUGINS -->
<link rel="stylesheet" href="plugins/css/all.min.css" />
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">

<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>

form snippet :

<form>
      <select class="select">
          <option value="1">One</option>
          <option value="2">Two</option>
          <option value="3">Three</option>
          <option value="4">Four</option>
          <option value="5">Five</option>
    </select>
</form>

Thank you for your help

Eric

Add comment

efilippi priority answered 3 years ago

0 0 Best answer

Hello,

I fixed the problem !

I used to include the js files in the header of the page, and then, the with events functions at the end. But MDB has all in the same js file so it needs to be included at the end of the html file.

It works perfectly now.

Eric

Add comment

Michał Duszak staff answered 3 years ago