I can&#039;t get mdb-filter to initialize and sort items

Topic: I can't get mdb-filter to initialize and sort items, Pro

Craig Whitlock free asked 4 years ago

Expected behavior seems to work everywhere except on this website

Actual behavior no filtering

Resources (screenshots, code snippets etc.) test: https://farmstotable.com/_mdb

Add comment

Mateusz Łubianka staff answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

@tlcdesign,

In html head:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/mdb.min.css">
<link rel="stylesheet" href="css/style.css">

Before closing body tag:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript"></script>

Some of MDB components also need initialization, e.g.

$('.mdb-select').materialSelect();

But the info about it you can always find on MDB site, on component page.

Best,

Add comment

Craig Whitlock free answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Is there a list of items / code that has exactly what I need to get the Pro scripts installed correctly manually? (Like the following for NPM). The installation guide just says Download, Unzip, Copy to project. But on website server, how do I make sure script is pointing to the location?

src="node_modules/mdbootstrap/js/jquery.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/popper.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/bootstrap.min.js"> type="text/javascript"> src="node_modules/mdbootstrap/js/mdb.min.js">

Add comment

Craig Whitlock free answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Yes, I did that earlier. Manual installation ends at Step 3. It doesn't say which scripts/css to include to make Pro work (e.g. NPM installation gives specific instructions then lists the javascript to include). I have the Folder downloaded, Ive uploaded the files to my website server, but I don't know how to call it and initialize it.

Last version, I believe there was a file /js/mbd.js that i included in just before . But Pro 4.11.0 doesn't have a mbd.js file, so Im not sure what to try to include.

Add comment

Craig Whitlock free answered 4 years ago

0 0 Best answer

Please insert min. 20 characters.

Ok, no, unfortunately I'm terribly confused on which files I need to include. I have to manually install/include, and I can't find any specific instruction for exactly what to include/how to call it. There are only links to buy Pro, but I already have it.

I also admit, I'm not very good with javascript. Do my very best but I'm a little out of my league trying to figure out how to get these components/elements installed and working. Really wish there was a CDN, as I usually dont screw those up.

Mateusz Łubianka staff commented 4 years ago

https://mdbootstrap.com/docs/jquery/getting-started/installation-guide/ - check ot this instruction.

Add comment

Mateusz Łubianka staff answered 4 years ago

0 0 Best answer