Topic: Filter Gallery with Lightbox
Expected behavior Filter by category with working lightbox
Actual behavior Can filter or can lightbox but not both together
Resources (screenshots, code snippets etc.) Using Pro, included mdb-filter.min.js and copying exactly from https://mdbootstrap.com/plugins/jquery/filter/#lightbox. Might there be more info/demos for this? I have run into countless issues so far and quite honestly the quick and competent support is the reason I continue building w MDB and I gratefully thank you for that.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.10
- Device: Desktop
- Browser: Chrome
- OS: Mac
- Provided sample code: No
- Provided link: Yes
MDBootstrap staff commented 5 years ago
Hi infin80, As you can see on the page you posted this implementation is working and is easy to implement. If your project can't accomplish that there need to be an issue with your implementation. Please create a snippet with your code for us to check where the mistake is. https://mdbootstrap.com/snippets/
Best Regards, Piotr
infin80 free commented 5 years ago
I got it working! Getting them in the right order was the issue and putting the css & js on the page (no imports).
Two more questions... 1. Can that same gallery lightbox work using the "Mixed Content" layout (https://mdbootstrap.com/plugins/jquery/filter/#mixed-content)? ... 2. Is it possible to have single image lightbox? It doesn't need to be in its own separate gallery. Just sprinkling an image or two elsewhere on the page.Again, a tremendous shout-out to you & your team on excellent support
MDBootstrap staff commented 5 years ago
The mixed content is not supported with lightbox because these two functionalities both require on click effect and implementing them both by default could cause some issues. If you want to create a lightbox with a single image just simply create lightbox structure containing only one image https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1304776
Best Regards, Piotr