MDB Filter Not Functional


Topic: MDB Filter Not Functional

redrocketstudios asked a year 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?


Piotr Obrebski staff answered a year 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 commented a year 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?


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?


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?


Piotr Obrebski staff answered a year 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 commented a year 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?


Piotr Obrebski staff commented a year ago

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


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 3 days ago

Hi

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

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

Regards


Please insert min. 20 characters.
Status

Answered

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