Team UI changes the way our Bot works

%3CLINGO-SUB%20id%3D%22lingo-sub-3291940%22%20slang%3D%22en-US%22%3ETeam%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3291940%22%20slang%3D%22en-US%22%3E%3CP%3EMorning%20everyone.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EA%20few%20months%20ago%20something%20in%20Teams%20changed%20and%20our%20Bot%20that%20uses%20dropdowns%20using%20borframework%2C%20now%20has%20these%20'X'%20on%20the%20dropdown.%20What%20is%20happening%20is%20our%20users%20are%20clicking%20on%20the%20X%20thinking%20the%20dropdown%20would%20open%2C%20but%20it%20clears%20whatever%20selection%20they%20had.%20Meaning%20they%20need%20to%20pick%20something%20again%2C%20and%20in%20most%20cases%2C%20they%20submit%20with%20nothing%20selected%20and%20this%20causes%20issues.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDoes%20anyone%20know%20how%20we%20can%20fix%20this%20that%20the%20dropdown%20shows%20the%20down%20arrow%20chevron%20like%20in%20the%20image%3F%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%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%22Team%20using%20botframework%20error.png%22%20style%3D%22width%3A%20961px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F366005i747BA012F0DE4305%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Team%20using%20botframework%20error.png%22%20alt%3D%22Team%20using%20botframework%20error.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22down%20arrow.png%22%20style%3D%22width%3A%20855px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F366006iE960052F8A5B3CD4%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22down%20arrow.png%22%20alt%3D%22down%20arrow.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3291940%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297800%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297800%22%20slang%3D%22en-US%22%3Ethis%20is%20really%20sad%20news.%20and%20it%20affects%20user%20experience.%20Maybe%20you%20can%20then%20let%20me%20know%20the%20following.%20when%20we%20use%20that%20sample%2C%20and%20you%20click%20the%20X%20button%20and%20it%20then%20says%20%22select%20an%20option%22%2C%20how%20can%20you%20make%20it%20required%20before%20you%20submit%20to%20the%20server%20or%20to%20then%20default%20it%20to%20the%20selected%20option%20%22None%22%2C%20because%20if%20a%20user%20selected%20option%20A%2C%20and%20then%20hit%20the%20X%2C%20it%20blanks%20out%20their%20choice.%20Our%20users%20think%20when%20clicking%20on%20the%20X%2C%20it%20will%20show%20them%20the%20dropdown.%20so%20this%20messes%20things%20up%20for%20them%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297759%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297759%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1370247%22%20target%3D%22_blank%22%3E%40PieterVanHeerden%3C%2FA%3E%26nbsp%3B-%20Yes%20we%20observed%20the%20same%20as%20well.%20But%20these%20features%20seems%20like%20by%20design%20and%20can't%20be%20changed.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297614%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297614%22%20slang%3D%22en-US%22%3Ehi.%20Yes%20this%20was%20not%20the%20case%20a%20few%20versions%20back%20on%20teams%2C%20and%20I%20dont%20know%20how%20to%20switch%20this%20off%3F%3CBR%20%2F%3EAnother%20thing%20that%20also%20changed%20on%20teams%20is%20the%20commands%20you%20add%20in%20the%20manifest%20for%20things%20like...what%20can%20i%20do...help%20etc.%20In%20the%20past%2C%20once%20you%20started%20typing%2C%20you%20would%20see%20the%20help%20menu%20when%20needed.%20now%20as%20soon%20as%20the%20bot%20opens%20in%20teams%2C%20this%20help%20command%20menu%20also%20just%20opens%20by%20itself...so%20teams%20has%20definitely%20changed%20some%20things%20on%20their%20end%20which%20by%20the%20looks%20of%20it%2C%20we%20dont%20have%20any%20control%20over%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297591%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297591%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1370247%22%20target%3D%22_blank%22%3E%40PieterVanHeerden%3C%2FA%3E%26nbsp%3B-%20Tried%20setting%20up%20the%20sample%20provided%2C%20and%20getting%20the%20card%20having%20dropdown%20as%20below%3A%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Prasad_DasMSFT_0-1651147038811.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F367615i86366481D02A9DB4%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22Prasad_DasMSFT_0-1651147038811.png%22%20alt%3D%22Prasad_DasMSFT_0-1651147038811.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3EAfter%20choosing%20any%20option%20from%20dropdown%2C%20getting%20the%20card%20as%20below%20having%20'x'%20icon%20using%20which%20you%20can%20deselect%20the%20selected%20item%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Prasad_DasMSFT_1-1651147133010.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F367616iF09A59A7CE5C5888%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22Prasad_DasMSFT_1-1651147133010.png%22%20alt%3D%22Prasad_DasMSFT_1-1651147133010.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3Ewhich%20seems%20to%20be%20default%20behaviour%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297461%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297461%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1092859%22%20target%3D%22_blank%22%3E%40Prasad_Das-MSFT%3C%2FA%3E%26nbsp%3Bhere%20you%20go%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3297334%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3297334%22%20slang%3D%22en-US%22%3EHi%20Prasad%2C%20let%20me%20build%20one%20as%20to%20give%20you%20just%20a%20snippet%20will%20be%20hard.%20I%20will%20upload%20a%20very%20small%20demo%20sample%20of%20the%20issue%2C%20but%20it%20needs%20to%20be%20deployed%20to%20teas%20before%20you%20will%20see%20or%20experience%20the%20issue%20ok%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3295120%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3295120%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1370247%22%20target%3D%22_blank%22%3E%40PieterVanHeerden%3C%2FA%3E%26nbsp%3B-%20Could%20you%20please%20share%20the%20code%20snippet%20or%20sample%20you%20are%20referring%20to%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3292057%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3292057%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1092859%22%20target%3D%22_blank%22%3E%40Prasad_Das-MSFT%3C%2FA%3E%26nbsp%3Bthanks%20for%20the%20response%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20actually%20using%20C%23%20and%20building%20the%20card%20up%20using%20the%20classes%20and%20not%20the%20json%20card%3C%2FP%3E%3CP%3EIll%20give%20you%20a%20snippet%20below.%20The%20dropdowns%20behave%20right%20in%20the%20bot%20emulator%20only%20in%20teams%20when%20we%20see%20the%20%22x%22%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%22PieterVanHeerden_0-1650616897544.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F366055iF01896372EB8509D%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22PieterVanHeerden_0-1650616897544.png%22%20alt%3D%22PieterVanHeerden_0-1650616897544.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20tried%20with%20the%20ActionSet%20and%26nbsp%3BAdaptiveChoiceSetInput%20class%20thats%20comes%20from%26nbsp%3B%3C%2FP%3E%3CP%3EAssembly%20AdaptiveCards%2C%20Version%3D2.7.0.0%2C%20Culture%3Dneutral%2C%20PublicKeyToken%3D31bf3856ad364e35%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3292032%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3292032%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1370247%22%20target%3D%22_blank%22%3E%40PieterVanHeerden%3C%2FA%3E%26nbsp%3B-%20Could%20you%20please%20share%20the%20Card%20JSON%20which%20you%20are%20using%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3320281%22%20slang%3D%22en-US%22%3ERe%3A%20Team%20UI%20changes%20the%20way%20our%20Bot%20works%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3320281%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1370247%22%20target%3D%22_blank%22%3E%40PieterVanHeerden%3C%2FA%3E%26nbsp%3B-%20Please%20follow%20below%20doc%20to%20make%20the%20choice%20field%20input%20required%20before%20submitting%20the%20response.%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fadaptive-cards%2Fauthoring-cards%2Finput-validation%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EInput%20Validation%20-%20Adaptive%20Cards%20%7C%20Microsoft%20Docs%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Morning everyone.

 

A few months ago something in Teams changed and our Bot that uses dropdowns using borframework, now has these 'X' on the dropdown. What is happening is our users are clicking on the X thinking the dropdown would open, but it clears whatever selection they had. Meaning they need to pick something again, and in most cases, they submit with nothing selected and this causes issues.

 

Does anyone know how we can fix this that the dropdown shows the down arrow chevron like in the image?  

 

 

Team using botframework error.pngdown arrow.png

11 Replies

@PieterVanHeerden - Could you please share the Card JSON which you are using?

@Prasad_Das-MSFT thanks for the response,

 

We are actually using C# and building the card up using the classes and not the json card

Ill give you a snippet below. The dropdowns behave right in the bot emulator only in teams when we see the "x"

 

PieterVanHeerden_0-1650616897544.png

 

We tried with the ActionSet and AdaptiveChoiceSetInput class thats comes from 

Assembly AdaptiveCards, Version=2.7.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35

 

Thanks

@PieterVanHeerden - Could you please share the code snippet or sample you are referring to ?

Hi Prasad, let me build one as to give you just a snippet will be hard. I will upload a very small demo sample of the issue, but it needs to be deployed to teas before you will see or experience the issue ok

@Prasad_Das-MSFT here you go

@PieterVanHeerden - Tried setting up the sample provided, and getting the card having dropdown as below:

Prasad_DasMSFT_0-1651147038811.png

After choosing any option from dropdown, getting the card as below having 'x' icon using which you can deselect the selected item

Prasad_DasMSFT_1-1651147133010.png

which seems to be default behaviour

hi. Yes this was not the case a few versions back on teams, and I dont know how to switch this off?
Another thing that also changed on teams is the commands you add in the manifest for things like...what can i do...help etc. In the past, once you started typing, you would see the help menu when needed. now as soon as the bot opens in teams, this help command menu also just opens by itself...so teams has definitely changed some things on their end which by the looks of it, we dont have any control over?

@PieterVanHeerden - Yes we observed the same as well. But these features seems like by design and can't be changed.

this is really sad news. and it affects user experience. Maybe you can then let me know the following. when we use that sample, and you click the X button and it then says "select an option", how can you make it required before you submit to the server or to then default it to the selected option "None", because if a user selected option A, and then hit the X, it blanks out their choice. Our users think when clicking on the X, it will show them the dropdown. so this messes things up for them

@PieterVanHeerden - Please follow below doc to make the choice field input required before submitting the response.
Input Validation - Adaptive Cards | Microsoft Docs

@PieterVanHeerden - If your issue has resolved with above suggestion, could you please accept the answer for more visibility?