Jump to: navigation, search

Panotour - Style - Plugins library - Loaders

Logo-panotour-pro-150px.png Loading Information

Loading Information Preview

This plugin displays the loading progress of the current panorama in percentage or bytes loaded on your tour.

Loading Information Properties


info To add a plugin from the plugin library to your project, double click on it


Multiple Instances: No

Only one instance of this plugin can be added to your tour.


Position

  • Square with dots: Sets the position you wish on your tour for the plugin. Available positions are top left, top center, top right, middle right, bottom right, bottom center, bottom left, middle left and center.
  • Offset: Number of pixel that shifts the plugin from its default position. X values adjust horizontal offset and y values adjust vertical offset.


Display

  • Display the Loaded Bytes instead of Percentage: Checkbox that allows to display loaded bytes instead of percentage.
  • Font Style: Click to open a window to customize font family, font size, font weight, font effect. Please see important notice about font style display.
  • Font Color: You can select the plugin font color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color


Web Safe Font Families: Important Notice About Font Style

Recommended use of web safe font families

Please note that font you choose will may not display correctly on your users device. Font family you select has to be implemented on users computers/devices. Accordingly, prefer web safe font families like:

  • Georgia, serif
  • Palatino Linotype, Book Antiqua, Palatino, serif
  • Times New Roman, Times, serif
  • Arial, Helvetica, sans-serif (Recommended for readability and compatibility).
  • Arial Black, Gadget, sans-serif
  • Comic Sans MS, cursive, sans-serif
  • Impact, Charcoal, sans-serif
  • Lucida Sans Unicode, Lucida Grande, sans-serif
  • Tahoma, Geneva, sans-serif
  • Trebuchet MS, Helvetica, sans-serif
  • Verdana, Geneva, sans-serif
  • Courier New, Courier, monospace
  • Lucida Console, Monaco, monospace



Logo-panotour-pro-150px.png Loading Picture

Loading Picture Preview

This plugin displays a picture during the loading of the current panorama. It hides when the loading is finished.


Loading Picture Properties


info To add a plugin from the plugin library to your project, double click on it


Multiple Instances: Yes

This plugin can be added in multiple instances on your tour. However, it is recommended not to add too much plugin instances that may be obtrusive for your visitor.


Position

  • Square with dots: Sets the position you wish on your tour for the plugin. Available positions are top left, top center, top right, middle right, bottom right, bottom center, bottom left, middle left and center.
  • Offset: Number of pixels that shifts the plugin from its default position. X values adjust horizontal offset and y values adjust vertical offset.


Display

  • select button File: Select your image file to display. Supported image files types are *.png, *.jpg, *.jpeg, *.gif and Flash Files *.swf.



Size

  • Width: Sets picture width in absolute (pixels) or relative (percentage) values. Default recommended values are set to pixels.
  • Height: Sets picture height in absolute (pixels) or relative (percentage) values. Default recommended values are set to pixels.


Loading Text

Loading Text Preview

This plugin displays a text during the loading of the current panorama. It hides when the loading is finished.



Loading Text Properties


info To add a plugin from the plugin library to your project, double click on it


Multiple Instances: Yes

This plugin can be added in multiple instances on your tour. However, it is recommended not to add too much plugin instances that may be obtrusive for your visitor.


Position

  • Square with dots: Sets the position you wish on your tour for the plugin. Available positions are top left, top center, top right, middle right, bottom right, bottom center, bottom left, middle left and center.
  • Offset: Number of pixel that shifts the plugin from its default position. X values adjust horizontal offset and y values adjust vertical offset.


Display

  • Text to Display: Enter the text you wish to display during the loading of the picture/panorama.
  • Font Style: Click to open a window to customize font family, font size, font weight, font effect. Please see important notice about font style display.
  • Font Color: You can select the plugin font color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color
  • Drop Shadow Text: Checkbox to display or not a shadow effect on your text.


Web Safe Font Families: Important Notice About Font Style

Recommended use of web safe font families

Please note that font you choose will may not display correctly on your users device. Font family you select has to be implemented on users computers/devices. Accordingly, prefer web safe font families like:

  • Georgia, serif
  • Palatino Linotype, Book Antiqua, Palatino, serif
  • Times New Roman, Times, serif
  • Arial, Helvetica, sans-serif (Recommended for readability and compatibility).
  • Arial Black, Gadget, sans-serif
  • Comic Sans MS, cursive, sans-serif
  • Impact, Charcoal, sans-serif
  • Lucida Sans Unicode, Lucida Grande, sans-serif
  • Tahoma, Geneva, sans-serif
  • Trebuchet MS, Helvetica, sans-serif
  • Verdana, Geneva, sans-serif
  • Courier New, Courier, monospace
  • Lucida Console, Monaco, monospace



Progress Bar and Loopings

Progress Bar And Loopings Preview

This plugin displays a progress bar and/or a looping wheel during the loading of the picture/panorama. It hides when the loading is finished.



Progress Bar And Loopings Properties


info To add a plugin from the plugin library to your project, double click on it


Multiple Instances: No

Only one instance of this plugin can be added to your tour.


Loading Bar Position

  • Square with dots: Sets the position you wish on your tour for the plugin. Available positions are top left, top center, top right, middle right, bottom right, bottom center, bottom left, middle left and center.
  • Offset: Number of pixels that shifts the plugin from its default position. X values adjust horizontal offset and y values adjust vertical offset.


Loading Bar Size

  • Width: Sets loading bar width in absolute (pixels) or relative (percentage) values. Default recommended values are set to pixels.
  • Height: Sets loading bar height in absolute (pixels) or relative (percentage) values. Default recommended values are set to pixels.


Loading Bar Color

  • Background Color: You can select the plugin background color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.
  • Load Color: You can select the plugin «already loaded» color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.


Looping Wheel Position

  • Square with dots: Sets the position you wish on your tour for the plugin. Available positions are top left, top center, top right, middle right, bottom right, bottom center, bottom left, middle left and center.
  • Offset: Number of pixels that shifts the plugin from its default position. X values adjust horizontal offset and y values adjust vertical offset.


Looping Wheel Dots Colors

  • Dots Color: You can select the plugin wheel color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.



Advanced: Loading Bar

  • Display Border: Checkbox to enable or disable borders options.
    • Width: Sets the width in pixels of the loading bar border.
    • Color: You can select the border color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.
  • Bar Glow: Checkbox to enable or disable glow options.
    • Glow Width: Sets the width in pixels of the loading bar glowing effect.
    • Glow Color: You can select the glow color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.
  • Bar Color: Checkbox to enable or disable inner glow.


Advanced: Looping Wheel

  • Number of Dots: Sets the number of dots you wish to display on your looping wheel. 15 pixels is default value.
  • Radius of Looping Wheel: Sets the radius of you looping wheel. 15 pixels is default value.
  • Size of Biggest Dot: Sets the size in pixels of the biggest dot. Leave zero for default.
  • Size of Smallest Dot: Sets the size in pixels of the smallest dot. Leave zero for default.
  • Loopings Glow: Checkbox to enable or disable outer glow options.
    • Glow Width: Sets the width in pixels of the looping wheel glowing effect. 8 pixels by default.
    • Glow Color: You can select the glow color and opacity with the built-in color picker or select a project color in the dropdown menu. Project colors are defined in Project Properties > Color.


Compatibility

Note that the Progress bar and Loopings loaders are Flash, so they are not compatible with HTML5 Players.









BACK TO: Documentation / Panotour Documentation