How to: the Launcher panel
The Launcher panel is available for each step and topic in a walkthrough or a tooltip. You can use it to add small icons to your application such as hotspots and tooltips.
In Inline Manual, there are in fact 2 Launchers panels - one for a step, and second for a topic. As the functionalities are mostly the same, we’ll describe both panels in this article.
To open the Launcher panel for a step:
If you have multiple steps, select the specific step you want to work on.
Scroll down and expand the Launcher panel for a step.
To open the Launcher panel for topics:
- Click Launcher at the top menu of the authoring tool when you're editing a walkthrough or a tooltip.
- Now you see the Launcher panel for a topic.
To add a launcher for a step:
- Click + Add Launcher button.
2 Now, you can configure the launcher.
- By default, the step launcher isn't visible. Choose the visibility option that suits you best.
Never - launcher is always hidden.
Always - launcher is always displayed on the site.
Active - launcher is displayed once a topic is activated.
Inactive - launcher is displayed while the topic is currently inactive or deactivated.
If the Step Launcher has been configured for a step (either always, when inactive or active), you'll see a small launcher icon in the step list for that step.
- Now, choose Style to decide how you want your launcher to appear.
Tooltip - a small circle suitable for one character. The default display is a small circle with a question mark.
Hotspot - a pulsing icon.
Text - fixed width suitable for one or two short words.
Long text - rectangular text area that resizes to fit more words.
Note that you can also customize the appearance using CSS.
- You can change the Position of the launcher in relation to the element it is assigned to. By default, the launcher will appear to the Top Right, though depending on your UI it might be best to change this placement.
- If you need to change the assign element, use the Assign button. By default, the launcher will use the element assigned to that step in the Step Options panel.
The authoring tool will choose most specific selector. However, you can also manually edit the CSS selector. Editing the selector could be helpful if you want the launcher to appear on all elements with a specific class.
- With Point at, you can choose where the popover should be pointing to.
Step - at the element associated with the step. This is the default.
Launcher - at the element associated with the launcher.
Self - at the launcher element user clicked on.
- In the Content section you can change the content of the icon, eg. instead of a question mark, you can use a small “i”. It is not available for Hostposts.
With Offset, you can change the position of the Launcher by adding values to the Horizontal and Vertical boxes in pixels.
Launcher Context allows you to display the Launcher only on specific paths. You can also choose to show the launcher only when Topic wasn't seen. Note: Requires people tracking enabled. Applies to the whole Topic.
- The Launcher Activation allows you to choose an event to Activate and Deactivate the step.
- With the Launcher panel, you can also adjust some advanced options.
Custom Class - add a custom class to the Launcher. Read how to customize the look of Launchers with CSS.
Title - add a text that will be displayed when the user hovers over the Launcher. This appears as browser title text.
Z-index - web pages with fixed, unmovable objects can use this option to adjust the position of the launcher from back to front and reverse.
Parent - if the launcher is behaving in a way that it is jumping when you scroll, you can tweak it by setting the launcher Parent to "Closest Parent".
Monitor - you can choose whether you want the element to be followed when you scroll or when the element changes position.
- If you want to remove the launcher, click the x Remove Launcher button.
To add a launcher for a topic:
- Click Launcher button.
- Now, you can configure the launcher. Follow the instructions above for a step launcher.