SOLVED

Action button is not displaying using Message Cards - MS Teams Outgoing webhook

%3CLINGO-SUB%20id%3D%22lingo-sub-1178850%22%20slang%3D%22en-US%22%3EAction%20button%20is%20not%20displaying%20using%20Message%20Cards%20-%20MS%20Teams%20Outgoing%20webhook%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1178850%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20All%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20followed%20the%20below%20steps%20in%20the%20dev%20environment%20for%20MS%20Teams%20App%3C%2FP%3E%3CP%3E1)%20created%20a%20custom%20connector%3C%2FP%3E%3CP%3E2)%20Configure%20custom%20connector%20in%20one%20channel%3C%2FP%3E%3CP%3E3)%20Using%20Postman%20I've%20posted%20Message%20cards.%20(Message%20card%20has%20Potential%20action%20and%20Action%20card%20for%20post%20data)%3C%2FP%3E%3CP%3E4)%20I%20am%20receiving%20an%20alert%20on%20the%20channel%20when%20I%20post%20data.%20(URL%20is%20MS%20teams%20incoming%20webhook)%3C%2FP%3E%3CP%3E5)%20I%20am%20able%20to%20see%20content%20but%20Action%20button%20is%20not%20visible%20in%20MS%20teams%20channel%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20knew%20that%20MS%20teams%20support%20only%20Message%20card%20but%20here%20I%20am%20receiving%20the%20alert%20in%20the%20channel%20but%20unable%20to%20see%20buttons%20in%20it.%3C%2FP%3E%3CP%3ECan%20anyone%20suggest%20more%20on%20this%3F%3C%2FP%3E%3CP%3EJSON%20code%20sample%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%7B%0A%20%20%20%20%22%40type%22%3A%20%22MessageCard%22%2C%0A%20%20%20%20%22%40context%22%3A%20%22http%3A%2F%2Fschema.org%2Fextensions%22%2C%0A%20%20%20%20%22themeColor%22%3A%20%220076D7%22%2C%0A%20%20%20%20%22summary%22%3A%20%22Nadir%20executed%20action%20in%20%20VO%22%2C%0A%20%20%20%20%22sections%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%22activityTitle%22%3A%20%22!%5BTestImage%5D(https%3A%2F%2F47a92947.ngrok.io%2FContent%2FImages%2Fdefault.png)Larry%20Bryant%20created%20a%20new%20task%22%2C%0A%20%20%20%20%20%20%20%20%22activitySubtitle%22%3A%20%22On%20Project%20Tango%22%2C%0A%20%20%20%20%20%20%20%20%22activityImage%22%3A%20%22https%3A%2F%2Fteamsnodesample.azurewebsites.net%2Fstatic%2Fimg%2Fimage5.png%22%2C%0A%20%20%20%20%20%20%20%20%22facts%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Assigned%20to%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Unassigned%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Due%20date%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Mon%20May%2001%202017%2017%3A07%3A18%20GMT-0700%20(Pacific%20Daylight%20Time)%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Status%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Not%20started%22%0A%20%20%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20%22markdown%22%3A%20true%0A%20%20%20%20%7D%5D%2C%0A%20%20%20%20%22potentialAction%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22ActionCard%22%2C%0A%20%20%20%20%20%20%20%20%22name%22%3A%20%22Add%20a%20comment%22%2C%0A%20%20%20%20%20%20%20%20%22inputs%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22TextInput%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22id%22%3A%20%22comment%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22isMultiline%22%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Add%20a%20comment%20here%20for%20this%20task%22%0A%20%20%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20%22actions%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22HttpPOST%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Add%20comment%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22http%3A%2F%2F...%22%0A%20%20%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22ActionCard%22%2C%0A%20%20%20%20%20%20%20%20%22name%22%3A%20%22Set%20due%20date%22%2C%0A%20%20%20%20%20%20%20%20%22inputs%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22DateInput%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22id%22%3A%20%22dueDate%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Enter%20a%20due%20date%20for%20this%20task%22%0A%20%20%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20%22actions%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22HttpPOST%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Save%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22http%3A%2F%2F...%22%0A%20%20%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22ActionCard%22%2C%0A%20%20%20%20%20%20%20%20%22name%22%3A%20%22Change%20status%22%2C%0A%20%20%20%20%20%20%20%20%22inputs%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22MultichoiceInput%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22id%22%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Select%20a%20status%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22isMultiSelect%22%3A%20%22false%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22choices%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22In%20Progress%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%221%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22Active%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%222%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22Closed%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%223%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%20%20%20%20%7D%5D%2C%0A%20%20%20%20%20%20%20%20%22actions%22%3A%20%5B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22%40type%22%3A%20%22HttpPOST%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Save%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22http%3A%2F%2F...%22%0A%20%20%20%20%20%20%20%20%7D%5D%0A%20%20%20%20%7D%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1178850%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMS%20Teams%20Message%20card%20not%20working%20with%20Action%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1181557%22%20slang%3D%22en-US%22%3ERe%3A%20Action%20button%20is%20not%20displaying%20using%20Message%20Cards%20-%20MS%20Teams%20Outgoing%20webhook%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1181557%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F561606%22%20target%3D%22_blank%22%3E%40NadirRiyani%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20tried%20the%20given%20sample%20json%20and%20I%20could%20get%20the%20message%20card%20in%20the%20channel%20with%20buttons.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ECan%20you%20please%20share%20which%20Teams%20version%20you%20are%20using%20and%20screenshot%20of%20the%20card%20you%20receive%20in%20the%20channel.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3EBTW%2C%20I%20have%20tried%20in%20Microsoft%20Teams%20Version%201.3.00.4411%20(64-bit)-E.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1181585%22%20slang%3D%22en-US%22%3ERe%3A%20Action%20button%20is%20not%20displaying%20using%20Message%20Cards%20-%20MS%20Teams%20Outgoing%20webhook%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1181585%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F451628%22%20target%3D%22_blank%22%3E%40subhasish-MSFT%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20your%20quick%20response.%3C%2FP%3E%3CP%3EI%20am%20receiving%20below%20the%20card%20in%20my%20connector.%20And%20MS%20Teams%20version%20I%20am%20using%20is%20%22%3CSPAN%3E1.3.00.362%20(64-bit).%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22NadirRiyani_0-1582105900877.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F171991i48B2FA0F3E1A5D7A%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22NadirRiyani_0-1582105900877.png%22%20alt%3D%22NadirRiyani_0-1582105900877.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EJust%20another%20issue%2C%20which%20I%20am%20facing%20if%20you%20might%20know%20quick%20answer%20of%20it.%3C%2FP%3E%3CP%3EI%20am%20developing%20one%20App%20whereas%20I%20am%20facing%20issues%20in%20connector%20too.%20Some%20time%20connector%20is%20not%20getting%20saved.%3C%2FP%3E%3CP%3EAny%20chance%20we%20can%20join%20overcall%2C%20you%20might%20help%20me%20with%20this%3C%2FP%3E%3CP%3ELet%20me%20know%20your%20views%20on%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1184960%22%20slang%3D%22en-US%22%3ERe%3A%20Action%20button%20is%20not%20displaying%20using%20Message%20Cards%20-%20MS%20Teams%20Outgoing%20webhook%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1184960%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F561606%22%20target%3D%22_blank%22%3E%40NadirRiyani%3C%2FA%3E%2C%20It%20seems%20connector%20is%20not%20saving%20properly.%20Have%20you%20implemented%20save%20handler%20for%20connector.%20If%20yes%2C%20then%20can%20you%20share%20code%20snippet%20for%20the%20save%20handler.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1230331%22%20slang%3D%22en-US%22%3ERe%3A%20Action%20button%20is%20not%20displaying%20using%20Message%20Cards%20-%20MS%20Teams%20Outgoing%20webhook%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1230331%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F451628%22%20target%3D%22_blank%22%3E%40subhasish-MSFT%3C%2FA%3E%26nbsp%3B%20Yes%20I%20have%20checked%20all%20handler%20of%20this.%3C%2FP%3E%3CP%3EI%20have%20found%20resolution%20of%20this.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EResolution%3A%20I%20need%20to%20add%20action%20URL%20while%20configuring%20the%20Connector.%3C%2FP%3E%3CP%3ESteps%20to%20resolve%3CBR%20%2F%3E1)%26nbsp%3B%3CSPAN%20class%3D%22ms-Label%20is-required%20ng-scope%22%3EDo%20you%20want%20to%20enable%20actions%20on%20your%20Connector%20cards%3F%3C%2FSPAN%3E%26nbsp%3B%20Select%20Yes%3C%2FP%3E%3CP%3E2)%20mention%20Action%20Web%20URL%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hello All,

 

I have followed the below steps in the dev environment for MS Teams App

1) created a custom connector

2) Configure custom connector in one channel

3) Using Postman I've posted Message cards. (Message card has Potential action and Action card for post data)

4) I am receiving an alert on the channel when I post data. (URL is MS teams incoming webhook)

5) I am able to see content but Action button is not visible in MS teams channel

 

I knew that MS teams support only Message card but here I am receiving the alert in the channel but unable to see buttons in it.

Can anyone suggest more on this?

JSON code sample

{
    "@type": "MessageCard",
    "@context": "http://schema.org/extensions",
    "themeColor": "0076D7",
    "summary": "Nadir executed action in  VO",
    "sections": [{
        "activityTitle": "![TestImage](https://47a92947.ngrok.io/Content/Images/default.png)Larry Bryant created a new task",
        "activitySubtitle": "On Project Tango",
        "activityImage": "https://teamsnodesample.azurewebsites.net/static/img/image5.png",
        "facts": [{
            "name": "Assigned to",
            "value": "Unassigned"
        }, {
            "name": "Due date",
            "value": "Mon May 01 2017 17:07:18 GMT-0700 (Pacific Daylight Time)"
        }, {
            "name": "Status",
            "value": "Not started"
        }],
        "markdown": true
    }],
    "potentialAction": [{
        "@type": "ActionCard",
        "name": "Add a comment",
        "inputs": [{
            "@type": "TextInput",
            "id": "comment",
            "isMultiline": false,
            "title": "Add a comment here for this task"
        }],
        "actions": [{
            "@type": "HttpPOST",
            "name": "Add comment",
            "target": "http://..."
        }]
    }, {
        "@type": "ActionCard",
        "name": "Set due date",
        "inputs": [{
            "@type": "DateInput",
            "id": "dueDate",
            "title": "Enter a due date for this task"
        }],
        "actions": [{
            "@type": "HttpPOST",
            "name": "Save",
            "target": "http://..."
        }]
    }, {
        "@type": "ActionCard",
        "name": "Change status",
        "inputs": [{
            "@type": "MultichoiceInput",
            "id": "list",
            "title": "Select a status",
            "isMultiSelect": "false",
            "choices": [{
                "display": "In Progress",
                "value": "1"
            }, {
                "display": "Active",
                "value": "2"
            }, {
                "display": "Closed",
                "value": "3"
            }]
        }],
        "actions": [{
            "@type": "HttpPOST",
            "name": "Save",
            "target": "http://..."
        }]
    }]
}

 

4 Replies

@NadirRiyani ,

 

I tried the given sample json and I could get the message card in the channel with buttons.

 

Can you please share which Teams version you are using and screenshot of the card you receive in the channel. 

BTW, I have tried in Microsoft Teams Version 1.3.00.4411 (64-bit)-E.

Hi @subhasish-MSFT 

 

Thanks for your quick response.

I am receiving below the card in my connector. And MS Teams version I am using is "1.3.00.362 (64-bit)."

 

NadirRiyani_0-1582105900877.png

 

Just another issue, which I am facing if you might know quick answer of it.

I am developing one App whereas I am facing issues in connector too. Some time connector is not getting saved.

Any chance we can join overcall, you might help me with this

Let me know your views on this.

 

 

@NadirRiyani, It seems connector is not saving properly. Have you implemented save handler for connector. If yes, then can you share code snippet for the save handler. 

Best Response confirmed by NadirRiyani (Contributor)
Solution

@subhasish-MSFT  Yes I have checked all handler of this.

I have found resolution of this. 

 

Resolution: I need to add action URL while configuring the Connector.

Steps to resolve
1) Do you want to enable actions on your Connector cards?  Select Yes

2) mention Action Web URL