Field | Required? | Values to Enter | Remarks |
Active | Yes | True or False | Renders Hot Spot active or inactive (e.g., select "false" for a discontinued product) |
Panel Type | Yes | Existing Fixed None Positioned | Existing: Side Panel, top panel, etc. places it in a different Div in the HTML Fixed: Left/Right/Top/Bottom. Will not move as image is zoomed or panned; fixed to the center of the container at the defined edge. None: Used for Hot Spots where click behavior is desired without info panels. Positioned: Movable, positioned with pixel. |
X | Yes* | 0 to 1 | Left = 0, Right = 1. Positions pixel. * Required for positioned panels only. |
Y | Yes* | 0 to 1 | Top = 0, Bottom = 1. Positions pixel.* Required for positioned panels only. |
Position | Yes | Left Right Top Bottom | Defines position of panel relative to pixel. Center of edge is on the pixel. |
Fill Avail Height | No | Toggle False/True. Default = False | False: Infopanel will only use the height necessary to render its content. True: Infopanel will fill height defined by CSS. |
Outside | No | Toggle False/True. Default = False | For fixed panel only, moves panel from inside to the outside of the image. Panel centers on the edge it is now outside of. |
Show On Load | No | Toggle False/True. Default = False | Shows info panel on Active Image load if true. |
Hover Shows Panel | No | Toggle False/True. Default = True | Shows info panel on hover if true. False requires click on Hot Spot to show panel. |
On Show Panel Show Panel(s) | No | List of panel numbers, comma separated | Listed panels show, e.g. Ultraflex |
On Show Panel Hide Panel(s) | No | List of panel numbers, comma separated | Was "On Hover Show". Listed panels are hidden, e.g. Learning Concepts IOT prevent bleed through. |
On Panel Hover Show | No | List of panel numbers, comma separated | Listed panels show when this panel is hovered upon, e.g. Ultraflex deep product information. |
Do Not Hide | No | List of panel numbers, comma separated | Do NOT hide when this is hovered upon. Usually used on the Background to leave an info panel up. E.g., Learning Concepts panel with the hostess in the left side existing panel. |
Class Name | No | Default= k8PosPanel | Set value to k8PosPanel2 for second distinct type of info panel such as Ultraflex. |
Max Opacity | No | 0 to 1 | 0.85 is typical to leave info panel slightly opaque. |
Effect | No | Default = Fade | Regulates method of info panel appearance (fade, fly in, dissolve, etc) |
HTML | Yes | As desired. | HTML that defines the info panel. |
Template Reference Sheet - Hot Spot Details Print
Created by: Timothy Thorsen
Modified on: Thu, 3 May, 2018 at 1:21 PM
Did you find it helpful? Yes No
Send feedbackSorry we couldn't be helpful. Help us improve this article with your feedback.