MDB Pro Lightbox not working properly.

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: MDB Pro Lightbox not working properly.

Viera pro asked 7 years ago

Just purchased MDB Pro. I'm not able to get lightbox working properly. I have my images sized properly and they are opining up correctly except there are no arrows, or magnifying glasses. I have to hit the back arrow to get back the the web page. I have the initializing code at the bottom of my page."

Mirosław Stasiak commented 7 years ago

Send me your code here or on email m.stasiak@mdbootstrap.com

Viera pro commented 7 years ago

Miroslaw, Thanks for the response, but I was able to finally get it to work. Onelio

cosmicmarkup commented 7 years ago

Hi Viera, How did you solve it?

Bartłomiej Malanowski staff pro premium commented 7 years ago

@cosmicmarkup, please share your code with us

info@ipllp.in pro commented 7 years ago

lightbox is not working for me either... can anyone help me here how to fix this

Viera pro answered 7 years ago

I'm still having problems with some of my sites.  I have pasted the html and JQuery.  Hopefully the guys at MDB will have an answer as why we are having problems.   <!-- Test --> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="divider-new pt-0"> <h2 class="h2-responsive wow fadeIn">Custom Content Management System (CMS)</h2> </div> <div id="mdb-lightbox-ui"></div> <div class="mdb-lightbox"> <div class="row"> <figure class="col-md-4"> <a href="img/cms-03.png" data-size="760x560"> <img src="img/cms-03.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own CMS login.</strong></h6> </div> </figure> <figure class="col-md-4"> <a href="img/cms-02.png" data-size="760x560"> <img src="img/cms-02.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own custom website panel.</strong></h6> </div> </figure> <figure class="col-md-4"> <a href="img/cms.png" data-size="760x560"> <img src="img/cms.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own website editing page.</strong></h6> </div> </figure> </div> </div> </div> </div> </div> <!-- End Test --> <script> // MDB Lightbox Init $(function() { $("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html"); });</script>

Jakub Strebeyko staff commented 7 years ago

Hi there Viera, I was unable to recreate your problem. Did you make sure to use live-server during development? Lightbox does not work correctly when served from local file storage because of some browsers' anti-XSS safety methods. With Best Regards, Kuba
Write
Create snippet
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: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Onelio
Pro User
12Support score
3Questions 1Answers
1Snippets likes 1Snippets