2016-12-09 9 views
3

Я разрабатываю обучающее приложение ChatBot, где я использую Microsoft Bot Framework (.NET/C#).Могу ли мы добавить пользовательский CSS в канал веб-чата в Microsoft Bot Framework (.NET/C#)

Когда я использую «Настройка канала» - «Skype» или «Facebook» - внешний вид окна чата хорош без написания кода css/style, поскольку он отображается по умолчанию css Skype и факс.

Но когда я пытаюсь показать тот же чат, используя канал веб-чата, в моей SharePoint/веб-странице (.aspx или .html). Он не отображается в правильном/хорошем формате, см. Ниже изображение для получения дополнительной информации. Интересно, можем ли мы добавить пользовательский CSS/стиль, если я хочу показать этот чат-бот, используя канал веб-чата, только на любой веб-странице.

Image

ответ

0

я следовал подход, упомянутый в пути - https://github.com/billba/botchattest

Эта ссылка содержит два .html (ы), файлы .css и .js.

Я могу вносить изменения в CSS в соответствии с моим требованием, стилем кнопки, цветом и размером шрифта. After Updating CSS

Поскольку я внедрил этот веб-чат/чат DirectLine на странице веб-части веб-сайта SharePoint, я столкнулся с проблемой, которая также исправлена.

Детали можно увидеть - Using WebChat in SharePoint Script Editor #228

2

Контроль WebChat является проектом с открытым исходным кодом, поэтому вы можете внести свой вклад изменения обратно в проект или раскошелиться его и внести любые изменения, которые вы хотели бы.

Репозиторий можно найти here.

+0

Lars, спасибо за информацию и помощь –

0

Похоже, вы используете более старый элемент управления веб-чатом. Новый элемент управления веб-чатом с открытым исходным кодом (все еще в предварительном просмотре) имеет гораздо более богатую поддержку кнопок, уценок, карт и т. Д. Новый элемент управления по умолчанию еще не включен, но вы можете включить его для своего бота на странице конфигурации веб-чата на dev portal.

+0

Спасибо за информацию и помощь –

+0

я не вижу какой-либо параметр, чтобы включить такую ​​установку в странице «Настроить веб-чат» - на самом деле это пустое место, кроме кнопки «Я закончил настройку веб-чата». – oflahero

+0

(Хотя мой бот в настоящее время не опубликован и просто использует свободный уровень Azure прямо сейчас - может быть, вы получите больше опций, если бот действительно опубликован?) Но то, что говорит Эрик, кажется, имеет смысл - веб-чат, как он появляется на странице конфигурации бота - красивая блестящая новая версия, украшенная тегами React, но тот, который вы получаете при использовании встроенного iframe, старше, с только угловыми тегами и без инструментов React-y. – oflahero