Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap 5 image preview as gallery [Feature] #955

Open
1 task done
alextanasa91 opened this issue Dec 31, 2023 · 2 comments
Open
1 task done

Bootstrap 5 image preview as gallery [Feature] #955

alextanasa91 opened this issue Dec 31, 2023 · 2 comments

Comments

@alextanasa91
Copy link

Is there an existing issue for this?

  • 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.

@rikschennink
Copy link
Collaborator

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.

@marcusawereally
Copy link

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.™

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants