Add logic and actions

Edit online

Enhance interactivity in your Concert Data Apps by setting up actions that respond to user or system behavior.

Note: You can use shared context variables to pass data between components. Reference them with {{ app.variableName }}.

Use case: Using side panel for details

You can configure a widget to open a side panel showing more information about a selected item a common pattern for drill-down or detail views.
  1. Select the widget.
  2. Select the Actions tab.
  3. Click Add action.
  4. Select the required Trigger from the list.
    • The user clicks a widget.
    • A form is submitted.
    • Page or widget finishes loading.
    • Table row is selected.
    • Widget header is clicked.
  5. Set action Type from the list.
    • Navigate to another page or external URL.
    • Open a side panel.
    • Refresh a specific widget.
    • Download or upload files.
    • Execute a backend operation or prompt.
    • Set values in other widgets or context variables.
  6. Fill the Label.
  7. Set the Page to navigate (example, Details).
  8. Add Context variables to pass row data into the side panel.

Screenshot of Concert Data apps Use case for using side panel for details
Note: Make sure that the selected page has widgets that are already set up to use the passed variables and display the relevant content.

Click the widget header to open the side panel with a contextual view, allows seamless in-app navigation and exploration.

Next step

You can export your Concert Data Apps by using docker compose, refer to Role-Based Access Control in Concert Data Apps.