Embedding Azure chatbot webchat channel into SharePoint Online Modern Pages
up vote
1
down vote
favorite
So I've been having this problem where I am trying to embed an Azure Web App Bot WebChat channel into a SharePoint Online Modern Site page. I'm not sure if it should be as straightforward as I think, but I add the "embed" webpart and attempt to add the iframe
code, however I get the following error:
We can't show this embedded content because the code seems to be
incomplete. Make sure that the embed code includes width, height and a
valid address for the src attribute.
The auto-generated embed code is:
<iframe src='https://webchat.botframework.com/embed/AzureBotName?s=BOTSECRET' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
This embed code works in a SharePoint Online classic site, but not modern.
sharepoint botframework
add a comment |
up vote
1
down vote
favorite
So I've been having this problem where I am trying to embed an Azure Web App Bot WebChat channel into a SharePoint Online Modern Site page. I'm not sure if it should be as straightforward as I think, but I add the "embed" webpart and attempt to add the iframe
code, however I get the following error:
We can't show this embedded content because the code seems to be
incomplete. Make sure that the embed code includes width, height and a
valid address for the src attribute.
The auto-generated embed code is:
<iframe src='https://webchat.botframework.com/embed/AzureBotName?s=BOTSECRET' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
This embed code works in a SharePoint Online classic site, but not modern.
sharepoint botframework
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
So I've been having this problem where I am trying to embed an Azure Web App Bot WebChat channel into a SharePoint Online Modern Site page. I'm not sure if it should be as straightforward as I think, but I add the "embed" webpart and attempt to add the iframe
code, however I get the following error:
We can't show this embedded content because the code seems to be
incomplete. Make sure that the embed code includes width, height and a
valid address for the src attribute.
The auto-generated embed code is:
<iframe src='https://webchat.botframework.com/embed/AzureBotName?s=BOTSECRET' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
This embed code works in a SharePoint Online classic site, but not modern.
sharepoint botframework
So I've been having this problem where I am trying to embed an Azure Web App Bot WebChat channel into a SharePoint Online Modern Site page. I'm not sure if it should be as straightforward as I think, but I add the "embed" webpart and attempt to add the iframe
code, however I get the following error:
We can't show this embedded content because the code seems to be
incomplete. Make sure that the embed code includes width, height and a
valid address for the src attribute.
The auto-generated embed code is:
<iframe src='https://webchat.botframework.com/embed/AzureBotName?s=BOTSECRET' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
This embed code works in a SharePoint Online classic site, but not modern.
sharepoint botframework
sharepoint botframework
edited Nov 10 at 12:04
Billal Begueradj
5,501132637
5,501132637
asked Nov 9 at 22:58
ZenunJ
82
82
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
This looks to be how SharePoint handles the width and height properties. It wants specific width and height attributes set as opposed to the style attribute that the bot embed markup creates.
To further explain, you need this:
width="100%" height="500px"></iframe>
Instead of this:
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
This looks to be how SharePoint handles the width and height properties. It wants specific width and height attributes set as opposed to the style attribute that the bot embed markup creates.
To further explain, you need this:
width="100%" height="500px"></iframe>
Instead of this:
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
add a comment |
up vote
0
down vote
This looks to be how SharePoint handles the width and height properties. It wants specific width and height attributes set as opposed to the style attribute that the bot embed markup creates.
To further explain, you need this:
width="100%" height="500px"></iframe>
Instead of this:
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
add a comment |
up vote
0
down vote
up vote
0
down vote
This looks to be how SharePoint handles the width and height properties. It wants specific width and height attributes set as opposed to the style attribute that the bot embed markup creates.
To further explain, you need this:
width="100%" height="500px"></iframe>
Instead of this:
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
This looks to be how SharePoint handles the width and height properties. It wants specific width and height attributes set as opposed to the style attribute that the bot embed markup creates.
To further explain, you need this:
width="100%" height="500px"></iframe>
Instead of this:
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
edited 12 hours ago
answered yesterday
Dana V
1157
1157
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53234328%2fembedding-azure-chatbot-webchat-channel-into-sharepoint-online-modern-pages%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password