Home
Tips & Tutorials
What's New
Places I've Been
About
Home
Blog

tony redhead

Home
Tips & Tutorials
What's New
Places I've Been
About
Home
Blog
August 18, 2026
Tony Redhead

MSG - Modular Sidebar Gallery - Index

August 18, 2026
Tony Redhead
  • Introducing MSG - the Modular Sidebar Gallery

    1. Installing the MSG Component

    2. Creating an Image Gallery

    3. Alternate Images/Formats

    4. Multiple Languages

    5. Text and Web Popups

    6. Video Popups

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

Introducing MSG - Modular Sidebar Gallery Component

August 18, 2026
Tony Redhead
Introducing MSG - Modular Sidebar Gallery Component

"MSG (Modular Sidebar Gallery) component is a Pano2VR skin component that uses CSS Grid, Fluid Typography and Pano2VR Skin Elements to create a balanced, app-like experience that intelligently adapts its shape and content based on the viewer's screen ratio."

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

1. Installing the MSG Component

August 18, 2026
Tony Redhead
1. Installing the MSG Component

When incorporating the Modular Sidebar Gallery into a new Pano2VR virtual tour project or when updating an existing project to the MSG Component is the best starting point.

This tutorial will take you step by step through the process of installing the component, creating your first Gallery project with multiple images, text and audio in multiple languages.

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

2. Creating an Image Gallery

August 18, 2026
Tony Redhead
2. Creating an Image Gallery

In this tutorial “Creating an Image Gallery” we will build and publish our first image gallery with multiple images, text and audio.

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

3. Alternate Images/Formats

August 18, 2026
Tony Redhead
3. Alternate Images/Formats

In the previous tutorial we built our first image gallery using three images. All of the image files were the same aspect ratio and same file type, .png

In this tutorial we will replace two of the images with ones that have different file formats (.jpg and .svg) and one that is in a different aspect ratio (portrait).

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

4. Multiple Languages

August 18, 2026
Tony Redhead
4. Multiple Languages

Now that we have explored the options within a working gallery by adding different file formats and audio we can move on to Multilanguage support.

MSG already contains the logic to display different languages and to play mulitlingual audio based on the users choice but there are some additional modifications and setup needed.

August 18, 2026
Tony Redhead
August 18, 2026
Tony Redhead

5. Text & Web

August 18, 2026
Tony Redhead
5. Text & Web

The next two pieces of the MSG Jigsaw are Text and Web. Both are similar in their configurations so I’ve put them together in one tutorial.

In this tutorial we will create a Text only popup with large and small text boxes and a Web popup that loads a website.

August 18, 2026
Tony Redhead

Subscribe to the Blog

Sign up with your email address to receive news and updates.

We respect your privacy.

Thank you!
Back To Top
tonyredhead.com, 93 Maud St, Unley, SA, 5061, Australia+61 438 501002tony@tonyredhead.com

Powered by Squarespace