Widget in Inline Manual / How to: trigger the widget/link the widget to a button

How to: trigger the widget/link the widget to a button

There may be instances that you want to hide the widget completely on your site. The widget won't show up, but the player will still be working. Then, let’s say you want to have a link in your standard navigation menu such as Help that will display the widget with the list of topics available upon clicking. There are two options to achieve this, and in this article, we will discuss them both.

Trigger the widget with CSS

  1. Login to Inline Manual portal with your e-mail and password.
  2. Go to Sites and choose the desired site.

  1. Go to Widget tab and then Settings.

  1. Go to Widget button. In Custom trigger tab add a custom CSS selector of that link. The player will attach itself to it, so when clicked, it will trigger the display of the topic list.

  1. Confirm with the Save and Publish button.

Done!

Trigger the widget with onclick (HTML)

If you’re using a hyperlink, add to onclick value: "inline_manual_player.showPanel();" - this will show the list of the topics once the link is clicked.

For example <a onclick="inline_manual_player.showPanel()">Show panel</a>

You can provide a direct link that will open the widget. Add ?imWidget=1 at the end of your site’s URL.

For example http://exampleapp.com/?imWidget=1

Splash Mode

You can also enable Splash mode, which will display the list of the topics in the center of the screen.

To enable Splash mode:

  1. While in Settings, go to Widget content.
  2. Scroll down to Splash mode and enable the Splash mode.

  1. Confirm with the Save and Publish button.

How to: hide the widget
Widget