SharePoint List Formatting
Back to column formats
Column formattingSharePoint Online

Instant Flow Trigger with HTML Response via Embed Action

Trigger a Power Automate flow instantly with visual feedback using the embed action.

Get this format View on GitHub

Shared by Sam Yost
Updated Nov 23, 2025

Instant Flow Trigger with HTML Response via Embed Action formatting preview
Sample preview · View original animation

Copy. Apply. Make it yours.

Get this format

1 definition

Review the requirements below, then paste this JSON into the matching formatting panel. Show me where.

Use your list's internal column names and replace any tenant-specific URLs or flow IDs. Formatting is presentation, not a way to secure data.

Column formatting
Download JSON
{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "button",
  "customRowAction": {
    "action": "embed",
    "actionInput": {
      "src": "='YOUR_FLOW_HTTP_URL_HERE' + '&ID=' + [$ID] + '&User=' + @me",
      "height": "100",
      "width": "250"
    }
  },
  "style": {
    "border": "none",
    "background-color": "#0078d4",
    "color": "white",
    "cursor": "pointer",
    "padding": "6px 12px",
    "border-radius": "4px",
    "font-weight": "600"
  },
  "children": [
    {
      "elmType": "span",
      "txtContent": "Trigger Action"
    }
  ]
}
View sourceLink to this definitiongeneric-http-flow-response.json
Schema compatibility review notes

This historical definition differs from the pinned Microsoft schema. This may indicate an unsupported pattern or a schema limitation. Check the original requirements and test in your tenant before use.

  • /customRowAction/action must be equal to one of the allowed values
  • /customRowAction must match a schema in anyOf

From the contributor

How to use this sample

Summary

This sample demonstrates how to trigger a Power Automate flow instantly from a list button without the standard "Run Flow" side-pane friction.

It uses the customRowAction with action: "embed" to hit a Power Automate HTTP Request (GET) endpoint. The Flow returns an HTML payload that renders directly inside the (embedded) formatting callout bubble.

screenshot

View requirements

  • This formatting can be applied to any column type (Text, Calculated, etc.).

Sample

Solution Author(s)
generic-http-flow-response.json Sam Yost

Version history

Version Date Comments
1.0 November 23, 2025 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Additional notes

Flow Configuration

This pattern relies on a specific Power Automate configuration to function correctly within the SharePoint callout bubble.

1. The Trigger

  • Create an Instant Cloud Flow using the "When an HTTP request is received" trigger.
  • Method: Set to GET (found in "Advanced options").
  • Who can trigger: Set to "Anyone" (for public SAS URL) or "Any user in my tenant".
    • Note: "Anyone" provides the smoothest UX as it bypasses potential sign-in redirects inside the bubble.

2. The Response

  • The Flow must end with a Response action.
  • Status Code: 200
  • Headers: Content-Type: text/html; charset=utf-8
  • Body: Include the HTML you want displayed in the bubble (e.g., <b>✅ Success</b>).

Troubleshooting

"Content not allowed" or "Refused to connect" If the callout bubble appears but displays an error message, your SharePoint environment may be blocking external iframes (including Azure Logic Apps domains).

To fix this:

  1. Go to Site Settings > HTML Field Security (under Site Collection Administration).
  2. Add the domain of your Flow URL to the list (e.g., logic.azure.com or prod-18.westus.logic.azure.com).
  3. Click OK.