Publish bot - Bing Chanel "Submit for Review" button is disabled - botframework

I am trying to publish a chatbot to Bing channel. I have filled in all the mandatory information, but the Submit for Review button is still disabled, any tips why? Thanks.

For channel configuration issues, the best way is to submit your problem on BotBuilder GitHub and include your bot name, bot handle and app ID as you registered in the Bot Developer Portal

I was able to repro your issue. It seems that the "Tags for your Bot" field is also mandatory, even though is not marked as it in the UI.
Try filling that field and you will see the button will become enabled.

Related

Change the CSS of Chatbot embedded as IFRAME

ISSUE:
Today my chat bot stopped working and started giving the following error. No changes were made on my end when this started happening.
I could not find any error in console log. Then I tested the bot with Emulator and in Azure Portal's Test in Webchat feature and the bot worked fine. This bot is using webchat (iframe embed) as well as DirectLine channel. The DirectLine channel works fine it is only the webchat that is not working.
So to test my theory that I am getting the error because of webchat getting updated by Microsoft. I used the embed code in Azure Portal to use the latest webchat and the webchat channel started working.
BRIEF HISTORY:
To modify the UI of the webchat I used this method to modify the UI of the IFrame of my bot. This method requires to download the source of IFrame, create an HTML page and use that page as a source of your IFRAME in your website (you can see the customization in the image).
Now that I started getting the issue I mentioned above, I tried to do the same thing with the latest version of webchat but it is not working. The webchat is not sending messages and I cannot find what CSS file this new version of webchat is using.
WHAT I NEED GUIDANCE ON:
Either a way to continue using the old webchat with the proper UI
OR
How to update the UI of this new webchat version?
I can't advise on fixing the iframe version, but this already wasn't officially supported, and with the latest webchat update Microsoft is moving more to recommending botframework-webchat (directline) to format the UI. A good place to start is the branding sample.
That sample doesn't spell out the options in the code, but if you take a look at the default options file, that should give you everything you need to customize the chat the way you want.
What this does not do is set up the header that used to be present in ootb webchat (and which I see you customized in your example). Now the best way is to do this in html/css, and you probably can just reuse what you did for your custom option. I just created an additional DIV, set it to height: 40px;, then set the webchat DIV to height: calc(100% - 40px);. Anyone who's good with HTML can probably come up with better than this, essentially you just build your page however you want at that point and the webchat implementation just controls the chat area itself (essentially send box and response/bubble area). I also added a custom button to my header.
<div id="chatbotTitle"><h3 style="padding-left:10px;">OEM CSC Support Bot</h3><button class="btn" id="transcriptButton">Email Transcript</button></div>
<div id="webchat" role="main"></div>
The error you are receiving is not a web chat issue. It is an issue in your bot that is being reported via web chat because that is the client being used.
Usually, this error is referring to an incoming activity that your bot doesn't know how to handle (i.e. your bot logic). For example, you have a waterfall step in your main dialog that, depending on the user's response, opens a component dialog. That dialog gets user information (name, age, etc.) that, when complete, returns to the main dialog. However, the next step isn't prepared as perhaps the user exited that dialog prematurely or didn't answer all the questions as expected.
Whatever the case may be, because it isn't setup to handle the incoming activity, it isn't returning the dialog's turn status. You will need to debug your code, stepping thru it, to see which "step" is the root cause.
For me, I have experienced this when I set up Web Chat to send an event back to my bot. My bot didn't know what to do with the incoming event-type activity and would produce that error.
Hope of help!

Chat history Persistence in MicroSoft Botframework WebChat window

I have a requirement of maintaining chat history and loading them back in a window after a page refresh or close and opening of the window.
ISSUE : Buttons/carousel/Adaptive cards/Hero Cards events/ properties are not loading (ie; when I click on button or any event, actions are not happening).
DESCRIPTION:
In order to achieve the requirement i had 2 options.
BotFramework _ Directline JS
I guess using this we can only get conversation history and where we couldn't load back the conversation history in chat window.
Though we can get the conversation history we have to send all the messages to bot again.
So i had opted 2nd one.
Store the html controls and Load it in the bot div: When sending or receiving message action is happening from bot am storing the html controls(i.e; controls under wc-message-groups class in local storage) and binding back to the div on page load if data exists.
This works for me to show conversation history in a chat window. But I am not able to get the events/actions for buttons.
Can we do this with Directline JS or is there any option to load properties/events to controls?
Please help me with this issue.
Thanks in Advance
I would start by taking a look at this thread out the Webchat GitHub repo. There is a good discussion going on about how this may be accomplished.
I also created this project in C# using webchat which will provide chat history in the webchat control. The project uses this pull request branch which you would also need to use. Hope this helps, good luck.

Can't see Grafana images in Slack

I set up a Slack notification channel in Grafana using a webhook as URL.
When I click "Send Test" I see this notification in my Slack channel:
However ordinary notifications are shown without images. I read Grafana's docs, but apparently I haven't understood it.
If you want to include screenshots of the firing alerts in the slack messages you have to configure either the external image destination in Grafana, or a bot integration via Slack Apps. Follow Slack’s guide to set up a bot integration and use the token provided https://api.slack.com/bot-users, which starts with “xoxb”.
Can someone guide me through it? I created a new bot and generated a token for it (starts with xoxb as requested) but how do I keep going from there?
Please assign this permission in your Slack app then try:
Go to <grafana_host>/alerting/notification/new (or click the top-left Menu icon, select "Alerting", select "Notification Channels", click the green "New Channel" button). You should get the page in the screenshot below.
Do the following steps:
Set "Name" for the channel.
Set the channel "Type" to Slack.
Check "Include image" option.
In "Slack settings", set "URL" to incoming
webhook you created in Slack.
Set "Token" to bot token generated for
bot.
And voila!
Update
Ability to configure a Slack token was added in Grafana version 4.6.0
It wasn't mentioned by OP but if your target Slack channel is a private channel, you'll also need to ensure that you've added the bot to the private channel so that it is able upload an image to it.
You can do this by viewing the channel's details, clicking "More" and then "Add apps". On the screen that shows up, you should be able to search for the bot that you created and click the "Add" button aside it.
Good luck!

Creating a chat connector for communicating with the Bot Framework Service

I am trying to implement a bot in my website using the botbuilder framework for node.js. The function builder.ChatConnector() get the parameters appId and appPassword, does any one knows where can i found these appId and appPassword? It isn't clear for me in the microsoft documentation. The function is shown above:
function builder.ChatConnect
BotFramework documentation
You can find this information when you create your bot in Azure Bot Service, or when you proceed to register your bot at the dev portal.
Here's a brief walkthrough for registering through the dev portal with the minimum requirements. You'll need to fill out the name, bot handle and description for the bot as indicated below:
After this, you can scroll down and click on the button that says "Create Microsoft App ID and password".
Once you click on the button you'll be taken to a page with your bot name, your newly-generated App ID, and another button that allows you "Generate a password to continue".
After you click the button a small window will pop up with your password which you need to keep track of as it is only shown once!
NOTE: For developing and testing using the Emulator, you don't need this information just yet. You only need the AppID and password when you are making your bot public facing/deploying it.
You need to register your bot in https://dev.botframework.com/ and there you will get those values. Check this article that explains how to do that.

Adding Facebook Messenger channel trigger a JS bug in the "My Bots" page

I've tried to add a Facebook Messenger channel to one of my bots. I've entered e app/page ID, app secret and page token of my FB app and page (that, BTW, I use in another bot).
Everything checked out: after hitting "Resubmit" in https://facebook.botframework.com/Dev, I got the success message
Credentials have been validated.
However, when clicking on
"I'm done configuring Facebook Messenger"
button and going back to my bot page, everything between the Bot Framework Preview and the 'contact us' footer is gone.
I did some debugging and found that in all.js?v=121 the code should be updated to if (aa && aa.length>0) to account for HtmlLink without <a> tag.
Any ideas if there are workarounds?
Thanks!
We had this problem two days ago, but have since resolved it. If it's not resolved for you, let us know as your scenario might be different.

Resources