SOLVED

List Formatting - Conditional Button to start Flows

%3CLINGO-SUB%20id%3D%22lingo-sub-2654798%22%20slang%3D%22en-US%22%3EList%20Formatting%20-%20Conditional%20Button%20to%20start%20Flows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2654798%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20got%20this%20button%20to%20start%20a%20Flow%20out%20of%20a%20list%20right%20now.%20This%20works%20fine%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-applescript%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%22action%22%3A%20%22executeFlow%22%2C%0A%20%20%20%20%22actionParams%22%3A%20%22%7B%5C%22id%5C%22%3A%20%5C%22aace4a99-3b30-xxxx-bbf6-c8c9dc134fda%5C%22%7D%22%0A%20%20%7D%2C%0A%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%7D%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%22cursor%22%3A%20%22pointer%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Flow%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%22txtContent%22%3A%20%22Step%203%22%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20goal%20is%20to%20have%20a%20button%20that%20switches%20the%20Flow%20ID%20and%20its%20Text%20depending%20on%20a%20boolean%20column%20called%20Finished%20in%20the%20list.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20Finished%20is%20false%20then%20the%20button%20text%20and%20Flow%20ID%20should%20be%20like%20above.%20If%20Finished%20is%20true%20then%20the%20button%20text%20and%20Flow%20ID%20should%20be%20changed%20to%20other%20values.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETried%20lots%20of%20things%20like%20this%2C%20but%20it%20always%20just%20showed%20the%20formula%20on%20the%20button%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif(%24Finished%20%3D%3D%20true)%2C'FinishedTrue'%2C'FinishedFalse'%22%0A%20%20%20%20%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20there%20is%20someone%20out%20there%20giving%20me%20an%20hint%20how%20to%20accomplish%20this.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you!%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2654798%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Lists%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2654879%22%20slang%3D%22en-US%22%3ERe%3A%20List%20Formatting%20-%20Conditional%20Button%20to%20start%20Flows%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2654879%22%20slang%3D%22en-US%22%3E%3CP%3EAfter%20further%20digging%20on%20Microsoft%20Docs%20I%20got%20a%20solution%20for%20this.%20*facepalm*%3CBR%20%2F%3E%3CBR%20%2F%3EHope%20this%20helps%20someone%20else%20as%20well.%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EIf%20boolean%20column%20%22Finished%22%20is%20false%3A%3CBR%20%2F%3E-%26gt%3B%20starts%20Power%20Automate%20Flow%20A%20and%20shows%20button%20text%20%22Step%203%22%3CBR%20%2F%3EIf%20boolean%20column%20%22Finished%22%20is%20true%3A%3CBR%20%2F%3E-%26gt%3B%20starts%20Power%20Automate%20Flow%20B%20and%20shows%20button%20text%20%22Step%204%22%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%22action%22%3A%20%22executeFlow%22%2C%0A%20%20%20%20%22actionParams%22%3A%20%0A%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Finished%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20true%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%7B%5C%22id%5C%22%3A%20%5C%22e574c8fb-231b-bbbb-b96a-b8e5025b0410%5C%22%7D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%7B%5C%22id%5C%22%3A%20%5C%22aace4a99-3b30-aaaa-bbf6-c8c9dc134fda%5C%22%7D%22%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%0A%20%20%7D%2C%0A%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDarker--hover%22%0A%20%20%7D%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%22cursor%22%3A%20%22pointer%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Flow%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22padding-right%22%3A%20%226px%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%22txtContent%22%3A%20%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Finished%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20true%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Step%204%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Step%203%22%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hi,

 

I got this button to start a Flow out of a list right now. This works fine:

 

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "button",
  "customRowAction": {
    "action": "executeFlow",
    "actionParams": "{\"id\": \"aace4a99-3b30-xxxx-bbf6-c8c9dc134fda\"}"
  },
  "attributes": {
    "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
  },
  "style": {
    "border": "none",
    "background-color": "transparent",
    "cursor": "pointer"
  },
  "children": [
    {
      "elmType": "span",
      "attributes": {
        "iconName": "Flow"
      },
      "style": {
        "padding-right": "6px"
      }
    },
    {
      "elmType": "span",
      "txtContent": "Step 3"
    }
  ]
}

 

My goal is to have a button that switches the Flow ID and its Text depending on a boolean column called Finished in the list.

 

If Finished is false then the button text and Flow ID should be like above. If Finished is true then the button text and Flow ID should be changed to other values. 

 

Tried lots of things like this, but it always just showed the formula on the button:

    {
      "elmType": "span",
      "txtContent": "=if($Finished == true),'FinishedTrue','FinishedFalse'"
    }

 

Hope there is someone out there giving me an hint how to accomplish this. 

 

Thank you! 

1 Reply
best response confirmed by Philipp Hammer (Contributor)
Solution

After further digging on Microsoft Docs I got a solution for this. *facepalm*

Hope this helps someone else as well. 

If boolean column "Finished" is false:
-> starts Power Automate Flow A and shows button text "Step 3"
If boolean column "Finished" is true:
-> starts Power Automate Flow B and shows button text "Step 4"

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "button",
  "customRowAction": {
    "action": "executeFlow",
    "actionParams": 
		   {
          "operator": ":",
          "operands": [
            {
              "operator": "==",
              "operands": [
                "[$Finished]",
                true
              ]
            },
            "{\"id\": \"e574c8fb-231b-bbbb-b96a-b8e5025b0410\"}",
            "{\"id\": \"aace4a99-3b30-aaaa-bbf6-c8c9dc134fda\"}"
          ]
      }
	
  },
  "attributes": {
    "class": "ms-fontColor-themePrimary ms-fontColor-themeDarker--hover"
  },
  "style": {
    "border": "none",
    "background-color": "transparent",
    "cursor": "pointer"
  },
  "children": [
    {
      "elmType": "span",
      "attributes": {
        "iconName": "Flow"
      },
      "style": {
        "padding-right": "6px"
      }
    },
    {
      "elmType": "span",
	  "txtContent": 
	   {
          "operator": ":",
          "operands": [
            {
              "operator": "==",
              "operands": [
                "[$Finished]",
                true
              ]
            },
            "Step 4",
            "Step 3"
          ]
      }
    }
  ]
}