filepond icon indicating copy to clipboard operation
filepond copied to clipboard

Published 20 hours ago • verified publisher icon pqina

Bootstrap 5 image preview as gallery [Feature]

Open alextanasa91 opened this issue 1 year ago • 2 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Is your feature request related to a problem? Please describe.

scalling images and rewrite existent css already its a tryky

Describe the solution you'd like

i use bootstrap for every project and i research for all web for a solution or a custom css for filepond theat use bootstrap for preview plugin. something like...but with auto columns "col" images in a card. Image-gallery-with-bootstrap-4

Describe alternatives you've considered

I have some hope to be able to use the image preview as a gallery ? it will be nice if this plugin can play nicely with the other css frameworks.

alextanasa91 avatar Dec 31 '23 11:12 alextanasa91

FilePond is not intended to be used as an image gallery, you can however use the preview plugin to show a preview of image files. This combined with custom CSS can render a grid layout.

rikschennink avatar Jan 01 '24 19:01 rikschennink

I ended up making my own viewer using bootstrap 5.3 and cards.

This image is mobile view from an earlier stage. https://photos.app.goo.gl/NeCtcsUUTSb9AAAG9

Desktop view from very early.
https://photos.app.goo.gl/NeCtcsUUTSb9AAAG9

My bootstrap cards are not using filepond they are just a viewer after filepond uploads. I am using filepond, a .net core restful API, and azure files.

I'll add to GitHub soon.â„¢

marcusawereally avatar Jan 18 '24 06:01 marcusawereally