Tour Creator Pro

TourCreator Pro

TourCreator Pro is an easy-to-use , and high-performance professional software to create and edit Interactive Virtual Tours that can be shows on all type of the devices.

This is the WYSIWYG editor with intuitive interface that allow to create tour in a few clicks. All elements and functions you add, you can see in your tour (or single spherical panorama) immediately.

Free trial version with all functions. Try it now and create tours.

All types of the devices.
All types of the operation systems
Support all browsers.
Different screen resolutions.

Create tour editor.

This instrument allows to create virtual tours that can be show on all types of the devices. Use pano images created with any camera or software. No restrictions on the amount of panos in virtual tour. Start from single pano.
Add or remove panos from ready tour. Also possible to rearrange panos in ready tour. (It'll affect the order of panos appearance in thumbs panel, menu groups , etc.) The source pano images can be in different directories.
It is possible to select target directory for virtual tour other than for source image files. (No vtour directory in that folder).
To publish virtual tour via internet use publish editor.
To show tour on local computer start file tour_testingserver.exe from vtour folder.
To upgrade/downgrade viewer to actual version select check box when start edit tour.
When the tour was created it is good idea to save project. The project can be saved in any folder on the system.
Use saved project to quickly open tour for edit, to repair damaged tour or to undo changes during edit process.

Tour settings editor

It is a powerful tool that allows you to control the appearance of the tour and its various elements. You can add different types of animation to the beginning of the tour. Add sound to the whole tour. (It is possible to add sound to each panorama. In this case, it is not recommended to use sound for the whole tour). You can add social share buttons. It is also possible to add to the tour a powerful Google analytics tool that will count not only visits to the tour, but also various actions of users within the tour.

Tour design

This instrument allows you to use 11 pre-installed designs or create your own original tour design.
Select the "skin style" tab and in the window that opens, select one of the eleven designs for your tour.
When saving, you will receive not only a new set of buttons in the bottom menu (called a “skin”), but also a new color scheme for different elements of the tour, including the top menu, tips, etc. When you save the skin, the images for the "icon hotspots" and extraskin are also changed.
To create your own color solution of the selected design, use the tab "edit skin style".
If you are not satisfied with any of the suggested skins, remove the bottom menu by pressing the "Delete Skin" button. This will not affect other items.
To create your own set of buttons, use the layer editor. Tip: It’s a good idea to create all the layers and group them in one container. If you do not see the desired action in the drop-down list, enter it through the tab "custom action" or through direct editing of the attribute. All actions for the skin buttons can be found in the skin/vturskin.xml file inside the tour.
At any time, you can restore the default values.

Common settings.
Settings inside this tab allow you to customize the appearance of various elements within the tour. For example, you can choose whether to use the thumbs navigation? Whether to show tooltips for hotspots, points on the map, thumbs or not? Whether to use the address bar inside the tour? Whether to use a gyroscope? Whether to start the tour with "little planet" view, etc? Try to save different settings to understand how they work.

Project and tour title.
This tab allows you to name the tour. The project title will be displayed in the address bar of the browser when published on the Internet. The tour title will be displayed in the address bar of the tour. The titles may be the same or different. Try to give short names.

First scene.
This tab allows you to assign a panorama that will appear first when loading a tour. Note: The panorama is assigned programmatically and does not affect the order of the panoramas in the thumb navigation, in group menu, etc. To change the order of the panoramas, use the "rearrange panos" function in the first tab.

Select transition type.
This tab allows to select the type of the transition between panos. Note: All transition types except the default work only in HTML5 browsers.

Use extraskin.
This tab allows you to choose whether to use extraskin buttons on the tour and to assign their position on the screen.
Note: Extraskin buttons allow you to manage various types of information: sound, video, plans, galleries, html pages, social share buttons. These buttons appear only if there is information associated with this panorama. For example, you have plans for the first, second and third floors of the building represented on the tour. The "plan" button will show the plan of the floor with which this panorama is connected. Or you have audio guid for several panoramas inside your tour. The sound button will appear only inside those panoramas for which there is an audio guide and will turn on / off the corresponding sound. The same applies to galleries, videos, illustrated information. Only the social share button will be on the screen all the time (if used). Thus, the set of extraskin buttons inside the tour may be different from one panorama to other depending on the information saturation.

Start actions.
This tool allows you to animate the beginning of the tour. (Remember that you also can animate the start of each panorama).
View animation allows you to make the first panorama rotate with zoom in/out and with/without changing the type of projection. You can also set the time before the beginning of the animation and the time of changes in seconds.
Show text allows you to show text at the start of the tour, set the font size and color, the time before the start of the animation, the time when the caption fade in, the time it is displayed and the time it fade out. Simple formatting is available.
Show image allows you to show image at the start of the tour, set the start and the end alpha, the time it is fade in, the time it is displayed and the time it fade out.
All actions can be shown simultaneously. In this case, a good idea would be to reconcile their time of appearance and disappearance.
Custom actions allows you to insert your own sequence of actions.
Animation can be removed at any time.
Note: The display of program animation may vary slightly on different devices, depending on the speed of the Internet, the performance of the processor, video card, etc.

Tour logo.
Select an image, scale it, if necessary - assign transparency. Enter the link to the site. Write a tooltip.
Note: The logo interacts with the top menu and extraskin buttons. Therefore, it is located in the upper right corner. If you want to place it in another place, place the logo through the layer editor.

Tour sound.
Allows you to add sound to the whole tour. The program will prepare all the necessary formats for different types of devices. The sound will be looped. Optionally, you can choose whether the sound will play when the tour is loaded or after pressing the sound button.
Note: On ipad sound is played after pressing the sound button.

Social share.
The tool allows adding social media distribution buttons to a tour. The buttons appear as a drop-down list after clicking the icon in extaskin. The following networks are available:Facebook, Google+, Twitter, Thumblr, Digg, Reddit, Stumble Upon, Linkedin, ВКонтакте. You can choose which networks will be used.
Write a brief description of the tour and enter the address where the tour will be located in the network. You can make a screenshot of the panorama that will be used in those networks that support it.

Google analytics.
This tool allows you to collect statistics on user visits and their activity within the tour. From the Google side, you must create an account for the tour and get a tracking ID (following google instruction). From the program side, you need to enter this identification number and select which user actions you are going to monitor. The program itself will add all the necessary scripts in the tour.
Available user activity: load new pano, hotspot click, enter vr, social share, show image, open infobox, open video, open gallery, open plan.

Scene settings editor

This is the main tool for editing a separate panorama inside the tour. It is possible to set a new starting view for the panorama, give the title, make a new thumb (used in different navigation elements). Limit the view in the panorama (for example, exclude the view down or up). You can animate the start for each panorama and set the number of repetitions of the animation. In addition, it is possible to add for each panorama different types of information: sound, info, image , gallery, inbuilt video, youtube video, plan. Add, edit or delete any panorama settings at any moment.

Start view.
Allows you to set the initial view for the panorama. The panorama will be loaded with this view, unless another one is assigned in the view animation.

Scene title.
Allows you to give a new name to the panorama. It will be used in the address bar, pop-up hints, captions thumbs, plans, etc.

New preview.
Select the new pano view and press save. The picture may be different than the initial view. It will be used in thumbs navigation, on the plans, with hotspots, in the top menu when selecting "show scene" or "show group scene", etc.

View restriction (partial pano).
Allows you to limit the view inside the panorama thus creating a partial panorama. For example, you can limit the view down and not show the area under the tripod. Or up. Or limit the horizontal view. Or combine all kinds of restrictions. All restrictions are removed by pressing the button.

Start actions (view animatin, show text, show image, start custom actions).
This tool allows you to animate the start of each panorama. (Remember that you also can animate the start of the tour). For each type of animation, you can choose the number of repetitions when loading this scene. You can repeat the animation one, two, three ... an infinite number of times.
View animation allows you to make the panorama rotate with zoom in/out and with/without changing the type of projection. You can also set the time before the beginning of the animation and the time of changes in seconds.
Show text allows you to show text at the start of the scene, set the font size and color, the time before the start of the animation, the time when the caption fade in, the time it is displayed and the time it fade out. Simple formatting is available.
Show image allows you to show image at the start of the scene, set the start and the end alpha, the time it is fade in, the time it is displayed and the time it fade out.
All actions can be shown simultaneously. In this case, a good idea would be to reconcile their time of appearance and disappearance.
Custom actions allows you to insert your own sequence of actions.
Animation can be removed at any time.
Note: The display of program animation may vary slightly on different devices, depending on the speed of the Internet, the performance of the processor, video card, etc.

Scene sound.
Allows you to add a separate sound to each panorama. For example audio guide.
If you use extraskin (default value), the on/off button will appear. When you click on the button, the sound associated with this panorama will be played. When you switch to another panorama, the sound is turned off.
You can choose how many times the sound will be repeated.
The program will prepare all the necessary formats for different types of devices.

Scene video.
Allows you to add a separate video to each panorama. Video can be of two types: embedded or YouTube. Each type has its own advantages. In-build can work offline. Youtube has a standard user interface.
Embedded video must first be prepared through a video editor. The program will prepare all the necessary formats for different types of devices.
For YouTube video, you must enter a link. (The last part of url).
If you use extraskin (default value), the on/off button will appear. When you click on the button, the video associated with this panorama will be played.

Scene info.
Allows you to add a separate information page (infobox) to each panorama. Infobox is a HTML page with simple formatting. Allowed an unlimited number of illustrations, links. You can set the page width in absolute or relative values. The height of the page is calculated automatically. Infobox is created in a separate editor and can be called from any place inside the tour. P.S. infobox can be used to create vertical galleries.
If you use extraskin (default value), the on/off button will appear. When you click on the button, the infobox associated with this panorama will be shown.

Scene gallery.
Allows you to add to each panorama a separate gallery with illustrations. You can select the size of the preview, their design, the width of the gallery, etc. Gallery is created in a separate editor.
If you use extraskin (default value), the on/off button will appear. When you click on the button, the gallery associated with this panorama will be shown.

Scene plan.
When a plan is created in the map editor, it is automatically linked to the panorama marked on this plan.
If you are using extraskin (the default value), a button will appear on the panorama that will trigger the plan associated with this panorama.
There may be an unlimited number of plans on the tour.

Hotspot editor

This is the main tool for adding hotspots - active elements that rotate with the panorama (have angular coordinates). The number of hotspots in the panorama is unlimited.
The editor allows you to put as a hotspot any image, text, illustrated text (not for VR), or simply limit the panorama area (polygonal hotspot). You can also put any video as a hotspot using the video editor.
You can select the position of the hotspot on the panorama, image size, rotation, transparency, distortion (rotation on three axes in the 3-dimensional world). For text hotspots, you can select style for text and background, or simply create your own style. You also can set transparency for polygonal hotspots.
For all hotspots, you can assign any possible action to a mouse click. For the convenience of the user, 9 built-in actions are introduced (Load scene, Load scene with set view, Show image, Show html page (with pixel or percentage width), Show gallery, Show plan, Open url, Show inbuilt video, Show youtube video). You can also assign any other action by entering it through the custom action tab.
You can assign any text as a tooltip for hotspot.
Attribute editor is a powerful tool that allows you to assign any possible xml attribute for hotspot directly.
The hotspot editing mode allows you to change any of the above for hotspot at any time. It is impossible to change only the type of hotspot.
Delete mode allows you to quickly remove all unnecessary hotspots.

Icon hotspot
For the convenience of users in the program there are six predefined sets of icons that can be used as hotpots. These sets are automatically replaced within the tour when changing the design in the tour settings tab.
If you want to use your hotspot icons, place them in the hotspot folder.
In order to put icon hotspot select add hotspot tab. Hotspot with the previous image appear in the center of the screen. Move it to the right place. Select another image if needed. Select an action. If necessary, enter text for the tooltip. Save hotspot.

Image hotspot.
Allows you to use any image as a hotspot. Select an image, position it on the screen. Scale. Rotate. If you select the distorted image function, it will stick to the background and will rotate in three axes. Choose an action on click and tooltip. Save hotspot. The image will be saved in image folder. It can be reused.

Text hotspot.
Allows you to insert text as hotspot. The length of the text can be any.
There are two types of text hotspots: simple text and complex text.
Simple text contains only plain text fragment. It is simply entered in the input window and it immediately appears on the screen. For simple text, you can edit the font parameters and style for the background. Plain text works in all modes, including VR.
Complex text may contain illustrations and links. This type of text will not work in virtual reality mode.
The complex text is prepared in the built-in text editor and stored in a special type of date container inside the tour. It can be reused.
For complex text, simple formatting is used.
The size and color of the font is set in the css. The size and color of the font may be different for paragraphs, headings, links, etc. You can use 4 pre-made style sheets or create your own. Style sheets are saved in openstyles.xml When the style sheet is saved, it becomes available in the drop-down list.
The color and transparency of the text background, the color and width of the border, the shadow, and the roundage of the corners of the text field are determined by the style. You can use ready-made styles or create your own. Text styles are saved in openstyles.xml. When the style is saved, it becomes available in the drop-down list.
You can set the width of the simple text field in pixels. The width of the complex text hotspot can be set both in pixels and percentages.
You can assign distortion for text hotspots.

Polygonal hotspot.
Allows you to limit the panorama area as a hotspot.
To install polygonal hotspot click start hotspot. Double click on the screen to set the first point. Move the mouse and click to create the next point. Repeat the operation for all subsequent reference points. Press "finish create".
Select transparency.
Choose an action on click and tooltip. Save hotspot.

Flyout hotspot.
For the convenience of users, you can put any image as a hotspot in the panorama. Select its size, rotation and transparency. On the mouse click, this image will smoothly float to the center of the screen and return to the site with the second click. This is so-called "flyout hotspot".

Edit hotspot.
To edit a hotspot. Select the hotspot edit mode in the top menu. Or if the main hotspot panel is already open, save the changes for the previous hotspot to avoid mistakes. Click the "select hotspot" button and click on the desired hotspot. Then in the editor, change the any settings and save the changes. Note: you can't change only the hotspot type.

Direct attribute edit.
Allows you to set directly the value of any possible xml attribute, even if it was not previously assigned to this hotspot.
Select hotspot. Select attribute from the list. Set the value and save it.

Delete hotspot.
Enter delete mode. Click on the hotspot and confirm its removal. Delete immediately any number of hotspots. When done, exit delete mode.

Available hotspot types: Layer editor

This is the main tool for adding layers to the tour - elements that do not rotate with the panorama (have absolute coordinates).
Thus, you can add your own buttons, create your own interface, add design elements, etc.
The number of layers in the tour is unlimited.
A layer can be visible in all panoramas or only in one.
As a layer, you can add an image, a text, or create an empty layer.
Layers can also be grouped together. You can do it for the convenience of managing a whole group of layers (for example, assign a position, movement, transparency, etc.)
You can assign any property or behavior to the layer at the moment of creation or change it by selecting the layer editing mode.
At any time, you can delete the selected layer.

Image layer
Allows you to insert into the tour any image as a layer.
When you select an image on your computer it will appear by default in the upper left corner.
If necessary, scale the image, set the transparency, rotate around the axis. If you scale image, you can select the option to resize saved image.
By default, the image is saved to the image folder inside the tour.
You can read about the rest of the settings below.

Text layer
Allows you to insert a simple text or a sign as a layer in the tour.
Create a text layer and enter text or character in the text input box. If you want to insert more complex text give a link to the text created in the infobox editor. For example, data:info1.
Set the width of the text layer in pixels or percent.
Text style. By default, the tour design settings are taken for the text layer. But you can easily create and save an unlimited number of styles for the text layer via the function create/apply style. In the style editor you can change the font settings and the design of the background. All changes are visible on the screen. The saved style will be added to the drop-down list of styles and can later be applied to any text layer. Note: styles are saved in openstyles.xml
You can read about the rest of the settings below.

Container layer.
Containers are designed to group other layers within themselves.
Groups are useful if you create user interfaces, maps, information pages, galleries, etc.
The number of layers within the group is not limited.
The container does not produce events such as on click, on hover, etc. Events produce layers inside the container. To avoid mistakes, try not to place the layers one above the other.
The coordinates of the layers inside the group are calculated from the rectangle of the container.
Container allows you to assign any properties at once for the whole group.
For example, you can assign transparency, coordinates, rotation, etc. at once for the whole group. This is especially useful when creating the interface and animation.
In order to include a layer in a container, you need to assign this container as a parent for this layer.
When you create a container you can set its width and height in pixels or percent. At the same time, the width can be specified in pixels, and the height in percent, and vice versa.
You can set the color and transparency of the background. The roundness of the background corners. The parameters of the border of the background.
You can read about the rest of the settings below.
Note: In order to create your own skin, collect all the buttons in a container and name it customskin. In this case, you can use the pre-defind action hideCustomMenu(); in order to remove all items from the screen.

Layer position
The position of the layer on the screen is determined by three parameters - the coordinates x, y and align x - offset x
y - offset y
align - the origin of coordinates. The following values are available: topleft, top, topright, left, center, right, bottomleft, bottom, bottomright. Default - topleft. When you change the align value, the x and y shift are automatically calculated from the selected value of the origin. For a layer located inside the container, the coordinates are calculated from the rectangle of the container.
Position the layer by dragging it to a new location. Or directly enter the value of x and y offset. Select align from the drop-down list. All changes you see on the screen.

Select parent
This tool allows you to show a layer in the whole tour, inside a separate panorama or place it inside the layers container (group the layers).
To make the layer visible in all panoramas of the tour, select the tour as the parent in the drop-down list. This is the default value.
To make the layer visible in single panorama, select this panorama as the parent.
To place the layer inside the group, select container (group) as the parent. You must create container before.

Layer click.
You can choose from twenty built-in actions in response to clicks on a layer. Select action from the drop-down list and following the instructions.
Enter any action using a custom action. For example: myaction();
Change the value of the mouse click at any time.
Note: Actions that concern panorama management (zoomin, zoomout, rotate left, rotate right, rotate up, rotate down) take effect only after exiting edit mode. These actions use ondown and onup attributes to respond to a mouse click. To avoid errors, try not to change this 6 values after they are assigned.

Text on hover. Enter any text as tooltip. Save layer.

Direct attribute settings.
Select any attribute (property) available for the layer from the drop-down list. The attribute name appears in the attribute field. In the value field, its value will appear if it is set. If not, this field will remain empty. Enter a new value for the attribute. Press"save layer" button. If an attribute for a layer does not exist, it will be created.
Read more about the attributes available for the layer and their values here. Note: You can directly enter the attribute name and its value. This allows you to create custom attributes, among other things.

Map editor

This tool allows you to create a map plan on the tour.
The number of plans on the tour is unlimited. For example, you can create a separate plan for each floor of the building.
By default, the icon appears in the panoramas marked on the plan. When you click on it, the associated plan opens. In other panoramas, when you click on this icon, another plan may open. This function can be abandoned in the settings of the tour.
You can select a picture for the map, assign its size and transparency. In any case, the size of the plan will be adapted to the screen size of the user device.
You can quickly place points on the plan and link panoramas to them. You can choose pictures on your computer for regular and active points.
Optionally, you can assign a radar display over the active point, which shows where the panorama is looking. You can configure all the parameters of the radar (scale, color, alpha, linecolor, linewidth, radar heading) for this plan. A convenient mechanism allows you to quickly orient the radar in the right direction.
The plan can be shown in response to any user action: click on a layer, hotspot, menu item, etc. Action: openplan(planname);

Menu editor

This tool allows you to add a 2-level drop-down menu to the tour.
The number of items in the menu is not limited for either the first or the second level.
The menu design is fully customizable.
The menu has vertical and horizontal output. Choose which one you like best. If all menu items do not fit on the screen, the menu will automatically rearrange for vertical output and a scroll function will appear. You can be sure that all your menu items will be available to the user on any device.
To create a menu, simply enter a list of items. At any time you can add, delete or edit any menu item.
Select a menu item and assign any action to the click. There are 14 built-in actions. Or you can assign your own.
It should be noted two actions: the display of all panoramas of the tour and the display of a group of panoramas. Selecting these actions will open a vertically scrolling bar with icons of panoramas and their names. This is a good choice for visual display of sections of your tour.
To create a second level, select the menu item and assign as action open submenu. Then make a list of drop-down items. Assign an action for each item. You can add, edit and delete submenu items.
To change the menu design, select the appropriate tab. Choose horizontal or vertical layout. Set the size and color of the font. Set the width of the output fields for the menu items (width may be different for level 1 and 2). Select the shift of the fields relative to each other vertically and horizontally. Select the color and transparency of the background, the border parameters and the roundness of the field corners.

Video editor

This tool allows you to do two unrelated things:
1. Show integrated video on tour
2. Create a video presentation from the tour.

Integrated video.
The program will do all the necessary work to display the embedded video inside the tour.
The number of embedded videos is not limited.
Having prepared the video, you can call it in response to any event on the tour. For example: click on a layer, hotspot, menu item, etc.
The prepared video can also be inserted as a hotspot. Visual editor allows you to accurately fit the video in your panorama.
The built-in video converter will prepare from a video file on your computer a necessary set of formats (.mp4, .ogv) for display inside the tour.
The program will save the necessary files in the video folder inside the tour.
The source video file can be in any format. You can choose the quality of video (for web or local), sound volume and time from which video poster will be extracted. Additionally, you can assign an action that will occur upon completion of the video playback (for example, playing the next video file). Note:

Video presentation.
This tool allows you to create a dynamic video presentation from your tour.
In order to create a smooth video, first create an animation for the tour. This can be done through "start actions" instruments in tour settings and scene settings (following instructions).
After that, you can start recording a movie through the video presentation tab.
For a movie, you can specify whether to start recording from the beginning of the tour or from the beginning of a particular panorama. Specify the duration of the recording. Choose a frame rate. Specify the window size for the movie.
The larger the window size, the higher the recording quality. But it will also increase the requirements for the processor and video card.
To create a quality film, it is strongly recommended to record several separate fragments. For example, the animation of the beginning of the tour, the animation of the first panorama, the second panorama, etc. (This is done so that the software animation is different from the movie. The longer fragment you record, the greater the likelihood of jerky animation.)
The program saves the received files in the video folder inside the tour. Separate fragments can then be mounted in any editor for video editing.

Audio editor

Audio editor is a built-in tool. There is no separate tab to calling it. It is called when adding sound to a tour or a separate scene.
The number of audio files in the tour is unlimited.
Audio editor converts the selected audio file on the computer into the required formats (.mp3 and .ogg) and adds the code necessary for playing the sound inside the tour.
You can choose the sound volume.
You can choose how many times the sound will be repeated (loop).
You can choose whether the sound will be played when the tour loads or when a button is pressed for tour sound.
The editor adds sound on/off button to extra skin by default.
If you add tour sound then the switch sound button appears in all panoramas.
If you add scene (panorama) sound then the switch sound button appears only in associated panoramas. When you click on the button, the sound associated with this panorama will be played. When you switch to another panorama, the sound is turned off.

Gallery editor

This tool allows you to create an image gallery in the tour.
The number of galleries is not limited.
The number of images in the gallery is not limited.
For each gallery you can create your own design. Or use once selected.
It is also possible to change the design of the finished image gallery.
When you create a gallery you can call it in response to any event on the tour. For example: click on a layer, hotspot, menu item, etc.

To create a gallery, select images on your computer. Images can be in different directories. If necessary, change the order of the images, delete or add new ones.
Select sizes for previews. The previews will appear in the gallery's scroll bar. You can make them one size or keep the proportions of the original image. You can set for the preview the width and color of the border.
Choose the maximum size for large images.
Set the gallery width in percent and height in pixels. When choosing a height, focus on the height of the preview. Set the color and alpha of the background. These parameters can be changed at any time.
The program will automatically create the necessary preview files. If necessary, reduce and optimize large images. And save all files in a folder with the name of the gallery inside the image directory.
Inside the tour.xml a gallery construction will be created with the specified name. (Give the right names.)
To call gallery use action: buildgallery(galleryname);

Note: To create a vertical gallery with signed images, use the infobox editor.

Image editor

The built-in image editor works every time you need to embed an image in a panorama.
It copies the image to the tour. If necessary, change the file format. It changes the size if necessary, optimizes.
It creates icons for use in galleries and infoboxes.
It allows you to take screenshots and prepare new thumbs for navigation.
Some of its functions are performed automatically. The part allows you to change the settings, for example, creating icons.
In addition, there is a simple tool that is placed separately in the add functions tab. It allows you to optimize images, resize them, and optionally create a border around the image. In most cases, its functions are duplicated by other editors. But if you are going to use an image often, for example, to create your own icon hotspots, you may need it.

Html-page (infobox) editor

This is the main tool for creating information blocks on the tour (HTML pages, infobox).
The editor allows you to write, edit and format text. Add images. Create links.
You can also edit a design to display information blocks (infoboxes).
The number of infoboxes inside the tour is not limited.
The amount of text in the infobox is unlimited.
The number of images in the infobox is unlimited.
The number of links in the infobox is unlimited.
When you create an infobox you can call it in response to any event on the tour. For example: click on a layer, hotspot, menu item, etc.

You can set the width of the infobox in pixels or percent.
The height of the infobox automatically adjusts to the screen size.
If all information does not fit on the screen, the scroll function and scroll bar appear. (The appearance of the scroll bar can be canceled in the infobox design settings).
Action to call infobox with pixel width: infobox_px(infoname,200);
Action to call infobox with percent width: infobox_pct(infoname,70);

Create/edit infobox
Text. In the input box, write or paste text. Format it using the available tags (head 1, head2, paragraph, order list, unorder list, carriage return, bold, italic). Note: css style for formatting you can find in openstyles.xml/data name="cssIB"
Images. Click the mouse cursor in the input box outside the paragraph or title tags. Click the image button and select an image on your computer. Select the options for the image preview - size and position on the page. Additionally, you can enter tooltip and the border color and width. The image and preview will be saved in the image folder.
A text link to the image construction appears in the input box.
When rendering the infobox, a preview will appear. When clicking on it, a large image will open. If use, tooltip will be shown.
Links. Select text and press"link" button. Enter the link. It will be render as href value.
Note: if you have experience you can enter action as href value.

Infobox design.
All infoboxes inside the tour are shown in the same style.
To change the style, open the tab. Select the color and transparency of the background. Select the color, width and transparency of the border. Select the rounded edges of the field.
Choose whether to show the scroll bar. Infobox will scroll anyway.
All settings for the infobox (including the scrollbar URL) are stored in openstyles.xml/style name="styleinfobox"

Note: In order to create a vertical gallery, create an infobox and place images into it as described above. Sign them if necessary. To display such a gallery, use the infobox call.

Extra skin

Extraskin is a set of buttons that appear in a tour or a separate panorama(scene) only if information or a function is added to a tour or panorama. Information is added via tab "tour settings" or "scene settings". Extraskin include buttons: social share, sound, info, image, gallery, video, map.

  1. The button appears in the panorama only if the information or function is present.
  2. A set of extraskin buttons may vary from panorama to panorama.
  3. The button will show information or switch the function associated with this panorama. In different panoramas the same button will show different information.
  4. If information was added via the tour settings tab, then the button associated with it is visible in all tour panoramas. If information was added through the scene settings tab, then the button associated with it is visible only in a specific panorama.

For example, you decided to create an audio guide for each panorama inside the tour and provide each panorama with accompanying information. But to one panorama you added an image gallery, and to another youtube video. In addition, you decided to add a social share function for the whole tour. In this case, the social share button will be common to all panoramas. In all the panoramas there will be a sound button, but it will turn on / off the audio tour for each panorama. Also, the info button will show its information block for each panorama. In one panorama there will be a gallery button. And in the other there will be a video button. In all other panoramas these buttons will not be.

In the "tour settings" tab, you can cancel the display of the extraskin buttons. You can also assign an extraskin position on the screen.

Additionally, you can change the design for the whole extraskin panel. There is no visual editor for this feature, but you can change all settings in openstyles.xml/style name="extraskinstyle"

Social share plugin

This tool allows you to put social network buttons on tour.
You need to choose from the list the networks whose buttons you are going to add to the tour. Make a screenshot for networks that support screenshots. Enter a brief tour description. And enter the URL of the tour where it will be published.
Allows you to link to a specific panorama within the tour.
The program will add all the necessary code automatically.
As part of the extraskin, a button will appear, which will open the list of social networks that you have selected.

Google Analitic plugin

This tool allows you to track the dynamics of visits to the tour and collect statistics on user actions within the tour.
First of all, you need to register with Google analytics and get an Resource Identifier (tracking ID) for your resource where the statistics will be sent.
To do this, you need to know exactly the address where your tour will be published. On your server may be published several tours. For each of them you can get the identification number. Just as on the site there may be a link to several tours. In this case, you can treat the tour as a separate page of the site.
To add Google Analytics functions to the tour, enter the Resource Identifier (tracking ID) and check which user actions you want to monitor. The program will automatically add all the necessary code fragments to the tour.
Note: It is strongly recommended to add a Google Analytics feature after all the work on the tour has been completed and the tour has been published. Add Google Analytics and update the files on the server: tour.html and tour.xml

Publish editor

This tool allows you to prepare a tour for publication on the Internet or on your local computer.
You can choose from a variety of options to protect your work.
The editor will automatically encrypt the required xml files and save their copies.
You can also use a variety of options to protect the viewer.
Note:
after publication the tour will not be editable. Files tour.xml and openstyles.xml will be encrypted.
The program will save them in the internal memory.
To make the tour editable again use start/open published tour. This option will remove protection from xml files, tour.js and tour.swf

  1. Select the project you want to publish (the default is the project you are working on).
  2. Click the publish button.
  3. The program will prepare all the necessary files for publication.
  4. Close the program.
  5. To publish on the Internet, place all the files from the vtour directory on the server and give a link to the tour.html file.
  6. To display inside the site, use the tag <iframe> ... </ iframe>, or another suitable tag.
  7. To display on a local computer start krpano_testingserver.exe/.macos

Openstyles.xml

You can find the file openstyles.xml inside the "skin" folder . This file contains the settings for the design and styles of various elements specific to the TourCreator.
This file can be edited directly in any text editor. For some styles, visual editors are created in the TourCreator.
This file is created when you open tour in a TourCreator and does not change when you upgrade a tour or restart the program.
In this file, you can save various custom settings and actions for the tours. You can copy this file to a new tour to transfer your settings.

Available styles for:

Edit notes:
It is possible to edit tour.xml in any external editor. Save your changes and reload tour.
It is also possible to edit tour in Krpano Tools editor. Be careful with krpano version in this case.

VR notes:

  1. It is better to select vr-optimized droplet to create tour or add scenes, if you show tour only in vr mode. In other case use multires droplet (default).
  2. Only image and textfield-vr hotspots are available.
  3. All layers and other hotspot disappears in vr-mode.
  4. Only "load scene" available as hotspot action. All other actions does not work proper way.
  5. Test tour in external browser.