Pano2VR 7 Tour Progress Bar

Post Reply
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

This component designed for Pano2VR 7 shows a 200px X 10px progress bar that shows the percentage of the nodes visited in a tour giving the viewer a visual indication of how much of the tour they have visited.

To add to your skin download and double-click on the component.

tour_progress_bar.ggskc
(2.85 KiB) Downloaded 256 times

Pano2VR 7 will open with a category dialogue box opening, select a category and save the component.

To use this component open the components toolbox and double-click on the Tour Progress Bar component to add it to your skin.
Position the component and anchor.
The Tour Progress bar will detect the number of nodes automatically so no need for any adjustments.

To change the colours select and expand the container "tour_progress" (1).

1.png
1.png (40.97 KiB) Viewed 5153 times

Then to change the colour of the progress bar select the Rectangle element, Progress bar (2).
Then it is properties select the colour picker To modify the background colour (3).

2.png
2.png (39.31 KiB) Viewed 5153 times

Change the background colour in a similar way by selecting the Rectangle element "progress_bg".
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
dePassage66
Posts: 86
Joined: Mon Mar 20, 2023 11:19 am

Hi Hopki,

Thank you for this plugin.
One question: is it possible to adapt the size of 200 px large depending on the size of the screen user ?

I mean 200px it's fine for mobile, but on a desktop of 1920px width it looks really small.
I plane to use it on top of the screen with 4px height only as shown in the screen shoot below.
Capture d'écran 2023-11-03 141200.png
Capture d'écran 2023-11-03 141200.png (11.71 KiB) Viewed 4058 times
Is % possible so it would be fully responsive ?

Regards,
pour Visites Guidées Panoramiques https://www.visitespanoramiques.com/index.html
(sorry, no translation available yet!)
Post Reply