Hide the soft keyboard in Facebook Messenger Bot - botframework

Hi I'm writing a Facebook Messenger bot that has a few nice looking card actions - that end up taking up a large portion of the chat window. The problem is that the soft keyboard on phones such as iPhone and Android still displays, constraining the visible area of the chat to an even smaller window, obscuring the card.
Is there a way I can send some sort of specific JSON down in my bot messages to indicate to FB Messenger that the keyboard should be hidden until the user clicks back into the message entry area?
Thanks.

One option could be is using the Persist Menu feature and set the composer_input_disabled property to true.
From the docs:
Disables the Messenger composer field if set to true. This means your
bot can only be interacted with via the persistent menu, postbacks,
buttons, and webviews.
Some useful links:
Microsoft Bot Framework .NET - Add a persistent menu to your Facebook Messenger chatbot
Adding Menu and Buttons to your messenger bot
Add Persistent Menu and Buttons to your messenger bot

As Ezequiel pointed out. You can use the persistent menu feature for Facebook Messenger. If you are using the .NET SDK check out the sample I created:
https://github.com/FranciscoPonceGomez/Persistent-Menu-Facebook

Related

How to add custom UI elements inside chat window using MS Teams Toolkit?

I previously worked on creating VSTO and Office addins for MS Outlook, Excel and Word using C# VS. Now I have a plan to build one for MS teams. So, I checked online and found the documentation.
But I didn't found that how I can add custom UI elements (text, buttons etc.) inside a chat window. For example: Teams suggested replies shows suggestions inside button above the chat textbox.
Do anybody have an idea that how I can achieve this one?
you might want to start with these docs:
build a command-response bot that you can customize the messages in chat window to either text or adaptive cards (on which you can have buttons).
and notification bot doc which has more information on customizing adaptive card for Teams apps.
there are also docs on message extension on the same doc site, you can take a look to decide which is what you want to build.

Trying to close MS Teams meeting app sidepanel view programatically

I developed an MS Teams meeting app which based on documentation, when added to a meeting would have a tab-config dialog for example like here.
After we click Save, we would get the sidepanel view of the app for example like here.
I am wondering if there is any way or meeting api available to close the sidepanel view or close the app programmatically rather than the user clicking the cross icon or removing the app.
Thanks!
Currently there is no option to close the meeting sidepanel programmatically.
Could you please raise a user voice here:
https://microsoftteams.uservoice.com/forums/555103-public/filters/new

Navigation Options for Teams Bot Messaging Extensions Search similar to the new built in Stickers App?

Search-based messaging extensions are limited to the UI experience they can provide. One can create multiple search lists in the same extension popup using navigation options horizontally against the top of the display. On the other hand task module based messaging extensions can work with embedded web controls and have full control of the UI.
The new (meaning currently shipping) Stickers app in the Teams client (ability to search for and inject stickers in a conversation) seems to have navigation capabilities not documented? It appears to be a search-based messaging extension due to how it appears in the UI (i.e it is not task module based, as it is not a modal window that appears inside the chat window)
The code available at https://github.com/OfficeDev/microsoft-teams-stickers-app is for the older app and does not implement the current shipping stickers apps UX.
Any pointers on how to get the same left hand side navigation tab experience?
Currently, this feature is not available publicly.

Typing event support in Microsoft Bot Framework WebChat

Is it the typing event supported in the Microsoft Bot Framework WebChat?
If it is, then how many seconds it is visible to show typing event
and in which form is it showing typing bubble or text
Typing is supported in the Microsoft Bot Framework WebChat as you can see here and here. I believe that it shows an animated GIF per this PR.

MicroSoft bot Framework CardAction Buttons were not looking proper in WebChat window

I am working on a Chatbot using MicroSoft Bot Framework and planning to Embed the same with my website as WebChat.
We have used CardActions as attachment. These were getting displayed properly in Bot Emulator, but not looking proper(please see example buttons below) in WebChat window.
(Button Text 1) Button Value 1
(Button Text 2) Button Value 2
(Button Text 3) Button Value 3
Is this the expected behaviour? How can we have proper buttons in WebChat as in Facebook / Skype Bots
Buttons are not supported by the Web Chat channel at this moment. That is true not for cards only, but for prompts as well. I believe, the Bot Framework team has this feature in their backlog. Meanwhile, if this is critical for your project, please consider to implement your own web chat control using the Direct Line API.

Resources