Comment on page

How to capture on-hover elements in the HTML Demos?

Sometimes, you might want to capture a tooltip or a drop-down on the screen that appears only when you hover over it.
For instance, in the following video, the values in the chart are to be captured. Here, the values appear only when the cursor has hovered over the chart.
In such cases, the "Advanced Capturing" method comes to your rescue. Following are the steps to capture a tooltip/drop-down.
  1. 1.
    Use the shortcut key (Ctrl+Shift+S) or (Cmd+Shift+S) to capture anytime.
  2. 2.
    Click the three dots next to the "Capture" button:
  • Prompt to rename each captured screen (instead of Storylane auto-naming)
  • Add 3 seconds delay before every capture.