Content Pickers

Content Pickers

This page covers the reusable pickers available across Optics for adding and managing images, icons, logos, emojis, and links in supported modules, providing a consistent configuration experience throughout the app.

Available picker types include:

  • Image picker with support for multiple image sources

  • Icon, emoji, and logo picker.

  • Link picker with internal and external destinations


Image

The Image picker is available in selected Cards templatesAnnouncements, Countdown and Image Slider.

Screenshot 2026-04-14 at 22.45.00.png

It allows images to be added from multiple sources:

  • Unsplash for browsing stock images, with options to filter by color and orientation

  • Library for using shared images managed in the Style guide.

  • From page for selecting attachments from a configured Confluence page, including PNG and JPEG images and supported file previews.

  • Upload for adding custom JPG and PNG files after selecting the target page where the image will be stored.

  • Link for inserting images via a valid external image URL with instant preview support

When using images from From Page or Upload, ensure the selected Confluence page and its attachments are accessible to all users who need to view the module.

  • If the page permissions restrict access, the image may not be visible to all users.

  • Deleting the attachment or removing it from the source page will break the image in the module.

After selecting an image, a focus point can be defined to control which part of the image remains prioritized when displayed in the module.

Ensures the most important part of the image remains visible when cropped or resized.

Screenshot 2026-04-14 at 22.52.20.png

Icon, Emoji and Logo picker

The Icon, Emoji and Logo picker is available in selected Cards templatesButtonsAnnouncements, and other supported modules.

Screenshot 2026-04-14 at 23.03.48.png

It allows visual elements to be added from three sources:

  • Icons from the built-in icon library.

  • Emojis from the built-in emoji library.

  • Logos from the built-in logo library, with support for custom logos managed through the Style guide.


Link picker

The Link picker is available in supported modules that allow links to be added, including CardsButtonsAnnouncements, and other interactive templates.

Screenshot 2026-04-14 at 23.12.41.png

It supports three link destination types:

  • Confluence page for linking to pages within the current Confluence site

  • Direct link for linking to external URLs or other direct destinations

  • Email address for creating mailto links that open the user’s default email client


Need help or want to connect?

Cards (by Optics) (Staging)