Currently, I am working on a chatbot using Watson assistant, and I want to ask how I can use the IBM carbon components inside the chatbot interface by using it in the dialog responses and have control over them, and also how I can make a connection between a user iframe inside the chatbot so that I can get a specific action on the dialog flow when the user interacts with the embedded iframe.
How to use and control IBM carbon components inside Watson Assistant web chat?
289 Views Asked by Nourhan Hassan At
1
There are 1 best solutions below
Related Questions in IFRAME
- ios responsive design not working (too wide in portrait orientation)
- Detect IFRAME blocking?
- iframe just before unload event
- Check URL is available Using PHP. if URL is available load the iframe
- Sending url to iframe in different page
- Iframe not passing url parameters
- how to insert and iframe from php
- Serving external webpages through a single website
- jQuery mobile - generating html dynamically not working with iframe
- AngularJs iframe source update not invoking javascript methods
- Webmail confirmation without new page
- Title attribute tooltips and iframes
- Asp.Net Mvc 4 - Login does not work in Safari Mobile
- Display IFrame from same domain under SSL
- responsive iframe center for ipad
Related Questions in CHATBOT
- Android chatbot Gui link with Program Ab AIML interpreter
- How to classify a sentence based on a few templates?
- Make Kik Bot listen on port 8080 without ngrok
- Design custom entities for api.ai
- After I've built a conversation flow in a chatbot, how'd I get the chatbot to actually perform the desired actions?
- How to send attachment in slack bot using SlackClient for node.js
- Two responses coming when making a single ajax request to wit.ai
- Bot, microsoft framework and Self-signed certificate
- c# save dictionary with <string,List<string>> in .dat with Binaryformatter (or something else)
- mIRC chat bot doesn't acknowledge commands
- How do I connect my database to API.AI?
- How to stream .aac url to wit.ai speech api
- Save chat history from watson conversation service to Cloudant NoSQL DB
- Chat Application Using PHP updating previous messages
- cant send a Generic Template from messenger api (facebook)
Related Questions in IBM-WATSON
- Can any one help me in storing the json output of personality insights API to csv using Python?
- How to gain authorization to perform requested action, specifically create an instance of a service in Bluemix?
- What file formats are supported by Watson Speech to Text in Bluemix
- We are tring to configure for the first time Text To Speech bt Watson in Node Red with no luck
- Can one get multiple results from one API call in IBM Watson?
- IBM BigInsights (IBM Hadoop) vs IBM Watson
- IBM Watson Speech to Text API with node. How to output to DOM?
- How to instruct IBM Watson Discovery about the format of my documents?
- IBM Watson speech to text for Android: NoClassDefFoundError
- Configuring Watson for multiples intents?
- Using watson Speech to Text from a browser with websockets (Live detection)
- Can I upload a zip file with htmls or a zip file with json files using the Web Interface of Watson Retrieve and Rank service?
- Watson knowledge studio: how to teach my model to get recipe name?
- error in java package after add watson developer cloud library
- Error: The app has not been configured with a WORKSPACE_ID environment variable
Related Questions in WATSON-ASSISTANT
- How to transfer conversation from Bot to human agents? in ibm watson using node js
- how to post a curl command using python
- How to stop Watson Assistant from replying to customer when connected to an agent
- How to extent sample project for IBM Watson Assistant to display more than text answers?
- Intent detection confidence
- How to manage deployment process in IBM Watson Assistant when multiple developers are involved?
- IBM Watson Assistant returning FALSE in response with # and a number
- How to avoid slot filling confusion when the same entity is used in more than one slot？
- IBM speech-to-text username and password issue
- Generic templates not working - IBM Watson and Facebook integration
- IBM Watson Assistant: Using newly generated API details still deploys the old assistant on my Wordpress site
- IBM Watson Assistant: How to retrieve input value from chosen dialog option?
- watsonx: using notebook for data collection - how can I save it locally so I can use it for AutoAI?
- How do I parse out a value in the response where the field name has a colon?
- How to pass action while sending message using IBM watson Assistant V2
Related Questions in WATSON-ASSISTANT-SOLUTIONS
- Can IBM Watson Assistant use more than one webhook
- Watson assistant preview link is not working
- Getting Same response to any query in Watson Assistant V2 : Watson-Unity-SDK
- How do I add synonyms in regexp.json?
- Synonyms for what?
- IBM Watson Assistant: How to get json response into button options
- How to use and control IBM carbon components inside Watson Assistant web chat?
- How to setup multiple webhooks in Watson Assistant
- What is the difference between Watson Assistant (formerly Watson Conversation) and Watson Assistant Solutions
- How enable or disable the Watson assistant based on the user query in search bar in a website
- Cannot delete skill
- Watson disambiguation
- Watson assistant API get token returns 403 ERCD NOCONFIG error
- Cannot authorize Watson assistant audio client
- Problem with dialog nodes and intents in Watson Assistent
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
You can use
user_definedresponses (https://web-chat.global.assistant.watson.cloud.ibm.com/docs.html?to=api-render#user_defined_responses) to display Carbon components. You don't need to include the carbon CSS (web chat already includes it) just the right class names on the HTML. There is an example of doing this using React at https://web-chat.global.assistant.watson.cloud.ibm.com/docs.html?to=tutorials-react-portals.For two way communication between an iframe and web chat you will also need to use a
user_definedresponse and make use of https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage. This will only work with iFrame content you control. If the iFrame is controlled by a third party, you will have to make use of any APIs they provide.