Docs: Add actions to visualizations (#100684)

2025-02-26 18:35:30 -05:00
parent 2b0029267c
commit e0a4a69c2e
20 changed files with 183 additions and 46 deletions
@@ -0,0 +1,36 @@
+---
+title: Data links and actions options
+comments: |
+  This file is used in the following visualizations: table
+---
+
+_Data links_ allow you to link to other panels, dashboards, and external resources and _actions_ let you trigger basic, unauthenticated, API calls.
+In both cases, you can carry out these tasks while maintaining the context of the source panel.
+
+For each data link, set the following options:
+
+- **Title**
+- **URL**
+- **Open in new tab**
+
+Data links for this visualization don't include the **One click** switch, however, if there's only one data link configured, that data link has single-click functionality.
+If multiple data links are configured, then clicking the visualization opens a menu that displays all the data links.
+
+For each action, define the following API call settings:
+
+<!-- prettier-ignore-start -->
+
+| Option               | Description                                                       |
+| -------------------- | ----------------------------------------------------------------- |
+| Title                | A human-readable label for the action that's displayed in the UI. |
+| Confirmation message | A descriptive prompt to confirm or cancel the action. |
+| Method               | Select from **POST**, **PUT**, or **GET**. |
+| URL                  | The request URL.</p><p>To add a variable, click in the **URL** field and enter `$` or press Ctrl+Space or Cmd+Space to see a list of available variables. |
+| Query parameters     | **Key** and **Value** pairs. Click the **+** icon to add as many key/value pairs as you need. |
+| Headers              | Comprised of **Key** and **Value** pairs and a **Content-Type**.</p><p>Click the **+** icon to add as many key/value pairs as you need. |
+| Content-Type         | Select from the following: **application/json**, **text/plain**, **application/XML**, and **application/x-www-form-urlencoded**. |
+| Body                 | The body of the request. |
+
+<!-- prettier-ignore-end -->
+
+To learn more, refer to [Configure data links and actions](../../configure-data-links/).