Control Bar is a control element on Gothru Overlay that sets up on-screen buttons intended to aid visitors in accessing information and navigating the entire virtual tour. The control bar includes the next and previous buttons, share buttons, map, sound, rotate, Fullscreen, hotspots, photo, gyroscope and VR link button.
How to add a control bar to your Overlay?
Following are the steps to set up a control bar to your overlay:
1. Click on the “+” icon (A key) to open the Plugin Manager for Hotspots, Menus, Maps, Control Center, and Other. Then click Control Bar to open its control settings.
2. The default control bar appears at the bottom side and the control settings menu on the right side of your overlay screen.
3. Change the design and setups of your control bar using the tools under the Control Settings so it can fit the entire constellation properly. For information about the tools under control settings, see “How to work with the Control Settings?” below.
4. Set a button's state to either enabled, or disabled by switching the toggle to on or off. The following are the buttons (set to enable) you can add to your overlay.
4. Click on the “icon symbol” to change the button`s icon then choose the desired icon.
5. You can also add a customized button by clicking “+” button to add a custom one. Select a representative icon then enter a website URL that will connect to the button.
6. Once you are happy with your control bar settings, just click “Save” and “Publish” to see the results.
How to work with the Control Settings?
The Following are the details how to work with the tools under control settings.
It adjusts the distance between control bar and the tour edges. Move the Margin slider to the left or right to adjust the position of the Control bar.
This function allows you to round the corners of control bar outer border edge. Increase the value in each field to make a rounded corner. If you click on the up arrow in the border radius field, GoThru Overlay automatically adjusts all 4 corners at once. To adjust one specific corner, click on the respected field and enter desire number. The following example shows the amount of roundness at 15-pixel border radius
- Common colors: sets control bar colors connect to colors which in general setting.
- Background color: sets the color of control bar background.
- Active color: sets the color of active button in the control bar.
- Text Color: sets the color of button icon in the control bar.
- Set this color as common: sets the color which belongs to control bar plugin and determines the default colors choices for other plugins.
It controls the position where the control bar is attached. You can place the control bar at the top, bottom, left or right side, top right corner, bottom right corner, top left corner, bottom left corner of your screen. Defaults to 'bottom side'. You can also set it to a vertical layout.
This is the most important function that allows you to include some functional buttons to the control bar. The button options include the next and previous buttons, share buttons, map, sound, rotate, Fullscreen, hotspots, photo, gyroscope and VR link button. Set a button's state to either enabled, or disabled by switching the toggle to on or off and there will be different setup for each button.
It is the button that connect to the previous pano. Switch on the toggle and use Responsive to enable or disable the buttons for desktop, tablet, or mobile devices. Icon symbol adds an icon to represent the button in control bar.
This button connects to the next pano. Switch on the toggle then set the responsive and icon symbol.
It includes a social media sharing button to the control bar. These social share buttons give customers the ability to share the virtual tour on Facebook, Twitter, or other platforms.
It includes a button that allows you to show or hide the hotspots.
This button allows you to show or hide the map.
It is the button that enables or disables the sound of the tour. This is another great feature for playback of Gothru Overlay editor is audio integration. While it's not required, audio will make watching the tour much more enjoyable.
This button allows you to play the tour as a video. If you enable this button, there are some options you need to set up to the playback such as Rotate autoplay, Pano walk, and Toggle pano. See the detail about the options in the section below.
The following are the information about options under Rotate button settings:
- Rotate autoplay: It enables a panorama automatically rotate once you click on the play button, the panorama will be panning around.
- Pano Walk: If you switch on the Pano Walk, the panoramas in the tour will load automatically, one after another at the specified time interval.
- Toggle Pano: You can select certain panoramas and set a duration at which the panoramas will be panning around. Switch on the “Toggle Pano on Choose” and select the panoramas you want to include.
The best thing about these options, is that, even though you put the tour on automatic playback, the you can still interact with the panoramas.
You can see in the example below, the Rotate autoplay and Toggle pano options are disabled and the playback only includes pano numbers 12, 14, and 15.
Full-Screen Button is a simple extension for your browser that helps you full-screen the virtual tour.
It is a button that captures the JPEG image from the active pano.
It adds a button to measure the orientation or angular motion of the panorama.
VR link adds a button that networks to a virtual reality application.