Topic: MDB Filter Not Functional

redrocketstudios free asked 3 years ago


Just paid for the MDB Filter plugin and loaded the test page included with the package.

The gallery does not function as intended, filters do not work, lightbox is not activated, does not reflect demo.

Did I pay for a broken plugin?


whitersun free answered 2 years ago


Hello everyone. I come here to find someone able to help me figure out the reason why JQuery of MDB (Already purchase before) unable to define PageTransition - the basic functions of JQuery when I wanna make loader for the web page. Pls, I will thks a lot.


Tomek Makowski staff commented 2 years ago

Hi

Could create an example of your code in the snippet code editor?

Snippet code editor: https://mdbootstrap.com/snippets/

Regards


MDBootstrap staff answered 3 years ago


Hi redrocketstudios,

The files you need to add to mdb pro package are:

  • css/addons/mdb-filter.css or css/mdb-filter.min.css
  • js/addons/mdb-filter.js or js/addons/mdb-filter.min.js

The rest should be the same. You can add this files directly by linking to them in your html project or you can compile this plugin into mdb.js and mdb.css files using our gulp. If you want to create package wit hthis plugin for your site you will need additional scss file: scss/addons/mdb-filter.scss. You can read more about our gulp compiling methods in our tutorial: https://mdbootstrap.com/education/bootstrap/gulp-installation/

If you need additional help I am here for you.

Best Regards, Piotr


redrocketstudios free commented 3 years ago

Thank you Piotr,

Where can I adjust the gallery settings for MDB filter, if i want to change the quantity of thumbnails per row, or thumbnail size/spacing?


MDBootstrap staff commented 3 years ago

Hi redrocketstudios, There is no default option to play with these properties. You can style this gallery on your own.


redrocketstudios free answered 3 years ago


Thanks for your reply Piotr, I also confirmed the demo is working but as you mentioned lightbox functionality is limited by CORS policy.

Can you tell me which files from the MDB Filter plugin download I have to add to the MDB Pro download for full filter functionality?


MDBootstrap staff answered 3 years ago


Hi redrocketstudios,

I tested our out of the box filter plugin and I think I found your problem. When you click on the photo in the last section that should present light box the console gives you error with:

Access to XMLHttpRequest at '...MDB-Filter_4.8.7/mdb-addons/mdb-lightbox-ui.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Is that correct? This error occurs when you try to load from file to browser. To avoid this error you either need to change the setting of your browser, add some light addons to it or launch the local server and put this project as it would run on the server. To find more information about this behaviour I suggest searching under: Cross origin requests. If you need help with just putting together local demo I can help you with that too.

I can guarantee you that this plugin works correctly. Just spent one hour testing it to make sure you didn't buy broken package :)

If you need additional help I am here for you.

Best Regards, Piotr


redrocketstudios free commented 3 years ago

Thanks for your reply Piotr, I also confirmed the demo is working but as you mentioned lightbox functionality is limited by CORS policy.

Can you tell me which files from the MDB Filter plugin download I have to add to the MDB Pro download for full filter functionality?


redrocketstudios free answered 3 years ago


Fresh download, the gallery is aligned and filtering but no lightbox functionality on final demo from the included HTML page.

What files must I copy into my MDB-pro repository from the MDB-Filter-Plugin repository for full functionality and no conflicts?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.5
  • Device: PC
  • Browser: Chrome
  • OS: MacOS
  • Provided sample code: No
  • Provided link: No