toga icon indicating copy to clipboard operation
toga copied to clipboard

Reformat Success Stories

Open Odzen opened this issue 5 months ago • 4 comments

This PR refactors the "Success Stories" page, converting the list of projects into a table to make the information more consistent and scannable. The new table includes columns for screenshots, platforms, and BeeWare components, providing a clearer and more informative overview of what can be built with Toga. Fixes #3596

PR Checklist: [x] All new features have been tested [x] All new features have been documented [x] I have read the CONTRIBUTING.md file [x] I will abide by the code of conduct

Odzen avatar Jul 19 '25 15:07 Odzen

Thanks for the PR. This is definitely a step in the right direction. However, I'm not convinced the screenshots work at this size. I found myself wanting to click on the image to get more detail - and that clearly doesn't do anything.

My thought: Drop the current "screenshot" column; add a small (32x32?) icon to the name column where we have a clear icon (e.g., the icon from App Store registrations), and replace the "components" column with a new "screenshots" column that, instead of being a thumbnail, is a list of hyperlinks to an images (the tanapro apps, for example, provide multiple screenshots, demonstrating that they work on different platforms; the same is true of Travel Tips, which has iOS, iPad and Android screenshots.

Thank you for the suggestions. I tried to implement some of them. I still have the hyperlink part for the screenshots missing.

Odzen avatar Jul 19 '25 23:07 Odzen

One option: it's possible to do a lightbox popup in pure CSS. We might need to do a little work to clean up the styling in that example, and to template it in a way so we can add screenshots easily - but it would be a nicer option than popping out to a separate page.

freakboy3742 avatar Jul 23 '25 01:07 freakboy3742

I will have a look at this next weekend, thank you for the patiente here @freakboy3742 , @HalfWhitt

Odzen avatar Aug 02 '25 18:08 Odzen

Headsup as my unofficial 2 cents: Toga is now moved to MkDocs, so the syntax will likely need to be rewritten.

johnzhou721 avatar Oct 18 '25 14:10 johnzhou721