Teams Bot on iOS

%3CLINGO-SUB%20id%3D%22lingo-sub-1073239%22%20slang%3D%22en-US%22%3ETeams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1073239%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20created%20a%20Teams%20Bot%20that%20is%20displaying%20Adaptive%20Cards%20to%20users.%26nbsp%3B%20We%20found%20that%20the%20Bot%20is%20currently%20unable%20to%20display%20Action%20buttons%20on%20iOS%20devices.%26nbsp%3B%20The%20action%20button%20is%20placed%20in%20a%20column.%26nbsp%3B%20Below%20is%20the%20corresponding%20JSON%20snippet%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%7B%0A%20%22type%22%3A%20%22Column%22%2C%0A%20%22width%22%3A%20%22stretch%22%2C%0A%20%22items%22%3A%20%5B%0A%20%20%7B%0A%20%20%20%22type%22%3A%20%22ActionSet%22%2C%0A%20%20%20%22actions%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%22type%22%3A%20%22Action.Submit%22%2C%0A%20%20%20%20%20%22title%22%3A%20%22Yes%2C%20Approved%22%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%22style%22%3A%20%22positive%22%2C%0A%20%20%20%20%20%22data%22%3A%20%7B%0A%20%20%20%20%20%20%22approvalStatus%22%3A%20%22approved%22%0A%20%20%20%20%20%7D%2C%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%7D%0A%20%20%20%5D%0A%20%20%7D%0A%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20action%20buttons%20show%20up%20correctly%20in%20Microsoft%20Teams%20on%20Android%20and%20Windows%2C%20but%20for%20some%20reason%2C%20they%20don't%20show%20up%20on%20iOS%20devices.%26nbsp%3B%20Has%20anyone%20come%20across%20this%20issue%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20addition%2C%20we%20have%20included%20an%20SVG%20image%20in%20our%20Adaptive%20Card%2C%20but%20for%20some%20reason%2C%20the%20SVG%20image%20does%20not%20show%20up%20in%20Microsoft%20Teams%20on%20all%20platforms.%26nbsp%3B%20The%20SVG%20image%20loads%20correctly%20in%20the%20Bot%20Emulator%20and%20in%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fadaptivecards.io%2Fdesigner%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fadaptivecards.io%2Fdesigner%2F%3C%2FA%3E.%26nbsp%3B%20Replacing%20the%20SVG%20image%20with%20a%20PNG%20file%2C%20(eg.%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3E%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fdownload-ssl.msgamestudios.com%2Fcontent%2Fmgs%2Fce%2Fproduction%2FSolitaireWin10%2Fdev%2Fadapative_card_assets%2Fv1%2Ftile_spider.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdownload-ssl.msgamestudios.com%2Fcontent%2Fmgs%2Fce%2Fproduction%2FSolitaireWin10%2Fdev%2Fadapative_card_assets%2Fv1%2Ftile_spider.png%3C%2FA%3E)%20seems%20to%20work%20though.%26nbsp%3B%20Are%20there%20any%20restrictions%20to%20images%20on%20Teams%3F%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EThank%20You%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1073239%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1073686%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1073686%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F493333%22%20target%3D%22_blank%22%3E%40voonsionglum%3C%2FA%3E%20Could%20you%20please%20share%20the%20app%20version%20on%20which%20you%20are%20seeing%20this%20issue%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1086629%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1086629%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F359599%22%20target%3D%22_blank%22%3E%40Gousia_Begum%3C%2FA%3E%26nbsp%3BThanks%20for%20your%20reply%20and%20my%20apologies%20for%20the%20late%20response.%26nbsp%3B%20The%20bot%20was%20built%20using%20NodeJS.%26nbsp%3B%20Here%20is%20the%20dependencies%20section%20for%20the%20NodeJS%20Bot%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-javascript%22%3E%3CCODE%3E%20%20%20%20%22dependencies%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22botbuilder%22%3A%20%22%5E4.6.1%22%2C%0A%20%20%20%20%20%20%20%20%22botbuilder-ai%22%3A%20%22%5E4.7.0%22%2C%0A%20%20%20%20%20%20%20%20%22botframework-connector%22%3A%20%22%5E4.6.2%22%2C%0A%20%20%20%20%20%20%20%20%22dotenv%22%3A%20%22%5E8.2.0%22%2C%0A%20%20%20%20%20%20%20%20%22request%22%3A%20%22%5E2.88.0%22%2C%0A%20%20%20%20%20%20%20%20%22restify%22%3A%20%228.3.3%22%0A%20%20%20%20%7D%2C%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20seeing%20the%20action%20buttons%20issue%20on%20the%20%22Microsoft%20Teams%22%20iOS%20App%20version%201.0.92%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20seeing%20the%20SVG%20image%20issue%20on%20the%20Windows%20version%20of%20%22Microsoft%20Teams%22%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1096092%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1096092%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F493333%22%20target%3D%22_blank%22%3E%40voonsionglum%3C%2FA%3E%26nbsp%3B%3CSPAN%20style%3D%22display%3A%20inline%20!important%3B%20float%3A%20none%3B%20background-color%3A%20%23ffffff%3B%20color%3A%20%2324292e%3B%20font-family%3A%20-apple-system%2CBlinkMacSystemFont%2CSegoe%20UI%2CHelvetica%2CArial%2Csans-serif%2CApple%20Color%20Emoji%2CSegoe%20UI%20Emoji%3B%20font-size%3A%2014px%3B%20font-style%3A%20normal%3B%20font-variant%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20left%3B%20text-decoration%3A%20none%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20-webkit-text-stroke-width%3A%200px%3B%20white-space%3A%20normal%3B%20word-spacing%3A%200px%3B%22%3EPlease%20let%20us%20know%20the%20version%20of%20the%20Teams%20mobile%20app%20you%20are%20using.%20You%20could%20get%20that%20under%20Settings-%26gt%3BAbout.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1097743%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1097743%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F359599%22%20target%3D%22_blank%22%3E%40Gousia_Begum%3C%2FA%3E%26nbsp%3BIt's%26nbsp%3B%3CSPAN%3E1.0.92%20(iOS%20version)%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1098014%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1098014%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F493333%22%20target%3D%22_blank%22%3E%40voonsionglum%3C%2FA%3E%20Could%20you%20please%20share%20the%20complete%20adaptive%20card%20json%20%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1104029%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1104029%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F493333%22%20target%3D%22_blank%22%3E%40voonsionglum%3C%2FA%3E%20We%20have%20investigated%20this%20and%20seems%20like%20the%20issue%20is%20fixed%20in%20inner%20builds.%20This%20will%20be%20fixed%20on%20public%20builds%20soon.%20Thanks!!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1106547%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Bot%20on%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1106547%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F359599%22%20target%3D%22_blank%22%3E%40Gousia_Begum%3C%2FA%3E%26nbsp%3BThank%20You%20very%20much!%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hi,

 

We created a Teams Bot that is displaying Adaptive Cards to users.  We found that the Bot is currently unable to display Action buttons on iOS devices.  The action button is placed in a column.  Below is the corresponding JSON snippet 

 

{
	"type": "Column",
	"width": "stretch",
	"items": [
		{
			"type": "ActionSet",
			"actions": [
				{
					"type": "Action.Submit",
					"title": "Yes, Approved",                                            
					"style": "positive",
					"data": {
						"approvalStatus": "approved"
					},											
				}
			]
		}
	]
}

 

The action buttons show up correctly in Microsoft Teams on Android and Windows, but for some reason, they don't show up on iOS devices.  Has anyone come across this issue?

 

In addition, we have included an SVG image in our Adaptive Card, but for some reason, the SVG image does not show up in Microsoft Teams on all platforms.  The SVG image loads correctly in the Bot Emulator and in https://adaptivecards.io/designer/.  Replacing the SVG image with a PNG file, (eg. 

https://download-ssl.msgamestudios.com/content/mgs/ce/production/SolitaireWin10/dev/adapative_card_a...) seems to work though.  Are there any restrictions to images on Teams?  
 
Thank You
7 Replies

@voonsionglum Could you please share the app version on which you are seeing this issue?

@Gousia_Begum Thanks for your reply and my apologies for the late response.  The bot was built using NodeJS.  Here is the dependencies section for the NodeJS Bot

 

 

 

    "dependencies": {
        "botbuilder": "^4.6.1",
        "botbuilder-ai": "^4.7.0",
        "botframework-connector": "^4.6.2",
        "dotenv": "^8.2.0",
        "request": "^2.88.0",
        "restify": "8.3.3"
    },

 

We are seeing the action buttons issue on the "Microsoft Teams" iOS App version 1.0.92 

 

We are seeing the SVG image issue on the Windows version of "Microsoft Teams"

@voonsionglum Please let us know the version of the Teams mobile app you are using. You could get that under Settings->About.

@Gousia_Begum It's 1.0.92 (iOS version)

@voonsionglum Could you please share the complete adaptive card json ?

 

@voonsionglum We have investigated this and seems like the issue is fixed in inner builds. This will be fixed on public builds soon. Thanks!!

@Gousia_Begum Thank You very much!