search

microsoft / botframework-sdk

Bot Framework provides the most comprehensive experience for building conversation applications.
MIT License
7.5k stars 2.44k forks source link

ChatBot Calendar Card not showing up on mobile - Scaling issue #5680

Closed Melkeydev closed 4 years ago

Melkeydev commented 4 years ago

Hi all,

I have an issue regarding my ChatBot. I am using WebServices, and everything has been deployed. I am using the ChatBot and everything is working correctly on my staging site, and on the test, however when we use the functionality of the chatbot on mobile, during the Calendar waterfall stage - the calendar does not show up.

See attached images.

Any help would be seriously appreciated. I almost finished this entire project!

Calendar_Issue
benbrown commented 4 years ago

Hi @Amokstakov - When you say "on mobile", can you provide us the OS and browser you are using to load the bot?

benbrown commented 4 years ago

Can you also send the Adaptive card JSON and the web chat version you are using? Thanks.

Melkeydev commented 4 years ago

Hi!

@benbrown

Sorry for my delayed answer.

Mobile: on mobile telephone OS: Iphone Browser: Chrome and Safari

JSON:

"type": "AdaptiveCard",
"actions": [{
    "type": "Action.Submit",
    "id": "submit",
    "title": "Submit"
}],
"body": [
    {
        "type":"TextBlock",
        "weight":"bolder",
        "text":"Please pick a date for your mortgage appointment. \n\nMortgage appointments take approximately two hours."
    },
    {
        "type": "Input.Date",
        "id": "date",
        "title": "New Input.Toggle"
    }
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"

}

Melkeydev commented 4 years ago

@benbrown any updates?

Melkeydev commented 4 years ago

bump

benbrown commented 4 years ago

Hi @Amokstakov, thanks for sending this info.

We'll investigate this and get back to you ASAP.

cwhitten commented 4 years ago

@Amokstakov can you give us some additional details for diagnosis?

  1. How are you hosting the WebChat control?
  2. Are you using the embed from the Azure Portal or self-hosting the React component? If the latter, what version of WebChat are you using?
  3. In your mobile environment, which platform and browser are you using? Is is issue appearing on all mobile platforms?
Melkeydev commented 4 years ago

@cwhitten Thank you for your reply.

1) I don't understand - hosting? It is running through the Azure Portal.

2) We are using the code from this former issue to embed the ChatBot: https://github.com/microsoft/botframework-sdk/issues/5663 @mdrichardson reply is what we went with, his last one.

3) this is appearing on all forms of mobile devices, such as Iphone/Android. Using and tested on chrome and safari.

Melkeydev commented 4 years ago

@benbrown any updates? Sorry for push - this is for a launch and is being pushed from third party.

tdurnford commented 4 years ago

@Amokstakov I'm not able to reproduce this issue. The Adaptive Card you added above appears to work fine with the latest version of Web Chat using Safari and Chrome on an iPhone. What version of Web Chat are you using and do you have any additional customizations that might be changing the behavior?

Web Chat v4.6.0 - Safari Untitled

Melkeydev commented 4 years ago

@tdurnford

Thank you for your reply. How do I check the particular version? I believe it is SDK 4.0 ?

Is there any other information in terms of hosting that I can supply to you to help with the diagnoses?

tdurnford commented 4 years ago

Adding your Web Chat code would be helpful.