Topic: Angular's Lightbox support data-size?

Chen Xiao pro asked 4 years ago

I found light-box's img and thumb has default size. Then the image will zoom on thumb and image mode, this is not I wanted. The JQuery Lightbox version has data-size to set actual image size, Angular Lightbox can do that?

Damian Gemza staff answered 4 years ago

Dear Chen, We're super glad, that you found solution for this case and you sent it to us. If this solution works well for you, you can use it if you want. In next updates of our product, we'll think about implementing a directive which let user to declare sizes of zoomed image. Best Regards, Damian

Chen Xiao pro answered 4 years ago

After do some search, I found change a scss can show the image actual real size. Location: node_modules/ng-mdb-pro/assets/scss/angular/pro/ Open the _lightbox.scss Find this line: mdb-image-modal { ... .ng-gallery-content { ... > { img { width: 100%; comment this line: // width: 100%

Damian Gemza staff answered 4 years ago

Hello Chen, What do you want from our LightBox?? What is expected behavior from you'r side? Do you want  to after click an image, it won't show full size? And do you want directive which allows you to specific sizes of an large image? Please provide me more informations, because for now, i don't know how could i help you.   Best Regards, Damian

Chen Xiao pro commented 4 years ago

Thank your response, Gemza. I want to LightBox show actual image, not zoom by Bootstrap grid. I search a little, find a quick solution, I paste it below.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No