Skip to content

Add Image Captions on Thumbnail View - #77

Merged
grantfitzsimmons merged 8 commits into
specify:improve-buildfrom
FLMNH:spec-image-captions
Aug 22, 2025
Merged

Add Image Captions on Thumbnail View#77
grantfitzsimmons merged 8 commits into
specify:improve-buildfrom
FLMNH:spec-image-captions

Conversation

@warrenhbrown

Copy link
Copy Markdown

This pull request adds support for displaying a caption under the images in the thumbnail view. settings.json is extended with: displayImgCaption: when set to true, the fields (as configured in imageInfoFlds, see above) will render underneath preview views and the image detail view.

@grantfitzsimmons
grantfitzsimmons requested review from a team and grantfitzsimmons January 11, 2024 20:36

@grantfitzsimmons grantfitzsimmons left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks like this PR includes the changes for #76 as well as the changes to add image captions in thumbnail views.

I really appreciate the way this was added (adding a new setting named displayImgCaption that can be toggled on or off) to make it simple and optional for users. Great work and thank you so much @warrenhbrown!

Comment thread PortalApp/index.html Outdated
@grantfitzsimmons

Copy link
Copy Markdown
Member

@specify/dev-testing This code is live on their Fish Web Portal. When testing, we need to set up a new instance and verify that the settings.json can include a line that sets displayImgCaption to true

@jyoung-uf
jyoung-uf force-pushed the spec-image-captions branch from 58672e7 to e1d8c84 Compare January 16, 2024 18:56
The current float-based layout for image thumbnails results in
irregular gaps due to the variability in image caption height.

@jyoung-uf jyoung-uf left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here's an example of the layout issue we observed due to longer caption lengths that affect rendering height. The existing css float rule remains in place to support older browsers, if needed.

float-layout-issue

Commit w/ potential fix: d628eac

Comment thread PortalApp/app/view/ThumbnailView.js
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

Successfully merging this pull request may close these issues.

4 participants