All Apps and Add-ons

How do I add readable app screenshots to Splunkbase?

Graham_Hanningt
Builder

From the Media tab while editing an app in Splunkbase:

Add Screenshots
Recommended screenshot size is 1200px by 900px

When you click a screenshot thumbnail on the app page, Splunkbase presents a larger version of the image in a popup. The constraints of that popup's CSS means that, in 1200px by 900px screenshots of app dashboards, text is unreadable (unless you've used "zoom" in your browser to enlarge the text; but that introduces its own issues).

What resolution should I use to ensure app screenshots are readable in Splunkbase?

Tags (1)
0 Karma

Graham_Hanningt
Builder

Answering my own question with my solution, in case it's of use to anyone else...

That popup in Splunkbase constrains the height of images to 500px.

To capture screenshots of my Splunk app for Splunkbase, I use Google Chrome developer tools to set a custom device display size of 1400px by 500px.

This results in readable screenshots (not the thumbnails; I'm referring to the large versions presented in the popup):

https://splunkbase.splunk.com/app/4901/

(By the time you read this, it's possible I might have updated those screenshots again, possibly further tweaking their dimensions.)

Related tip: I deliberately named the screenshot image files "...-1.png", "...-2.png", etc, where the number indicates the order in which I want Splunkbase to display them in its image carousel. I was also careful to upload the files in that order. Nope. That didn't work: Splunkbase displayed them in reverse order! I deleted all screenshots, then re-uploaded them in reverse order (-5.png, -4.png, etc.). Yep, that worked. Counterintuitive!

0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...