No Results
Example 3: Create Tooltip Action

You will create a tooltip action that will provide some basic information about a node (state) in the map visualization when a user hovers the mouse over that node.

Perform the following steps to create the tooltip action:

  1. In the upper banner area, click States > Sales.
    The Sales page is displayed in the View mode.
  2. Click Edit Page on the left.
    You are now in the Edit mode.
  3. In the State Summary visualization, click the three dots and select Edit Actions.
    A pop-up is displayed.
  4. In the pop-up, click + Add > Hover Marker > Tooltip.
    A new page is displayed.
  5. On the Display Fields tab, do the following:
    a) Click + Add Field four times to create four attribute rows in the table. The rows are displayed.
    b) For the first Attribute Name, select OnTarget, and for Type, select Icon.
    – Click the pencil icon to edit the renderer. A pop-up is displayed.
    – Click on the Icon field. A pop-up is displayed.
    –  In the pop-up, in Select Category, select shape, and enter circle in the search field. A circle is displayed.
    – Select the displayed circle and click Select Icon. You are taken back to the Edit Renderer pop-up.
    – From the Select Icon drop-down, select Highlight, and enter 48 for Size.
    – In Color Rule Set, click {} to derive a color. A field for selecting a rule set is displayed.
    – From the Rule Sets drop-down, select StateSalesTarget.
    – From the StateTarget drop-down, select OnTarget.
    – Click Save. You are taken back to the Display Fields tab.
    c) For the second Attribute Name, select State, and for Type, select Text.
    d) For the third Attribute Name, select Population, and for Type, select Number.
    e) For the fourth Attribute Name, select TotalSales, and for Type, select Number.
    – Click the pencil icon to edit the renderer.  A pop-up is displayed.
    – In Prefix, enter $ and click Save. You are taken back to the Display Fields tab.
    f) Click Next. You are taken to the Label Appearance tab.
    No changes are needed here, so click Next to proceed. Similarly, no changes are needed on the Conditions tab, so click Next. On the Permissions tab, you can exclude certain roles from accessing the action you are creating, but in this case, leave the Allow all users access to action toggle switch on.
  6. Click Save and Close.
    The tooltip you just created is displayed in the Manage Actions pop-up.
  7. In the pop-up, click Close.
    Hover over any node on the State Summary visualization to display the tooltip.
  8. Save your changes.

For more information on actions, refer to the corresponding chapter.


Terms | Privacy