I have a project which needs to show a Carousel. I tried many ways but no other things work for me. Tried many Javascript and HTML Carousel but none of them works in Watson. It has been for several days. It is really mandatory anyone who knows anyways please help me.
thank you.
You can create carousels and other rich UI elements with Botonic (a React Framework for building conversational apps) and integrate it with Watson using the official #botonic/plugin-watson
For one of our projects we also needed a picture carousel, which currently Watson Assistant via the rich formats does not support (i.e. multiple images within an array). We therefore created our own json rich response output that then triggered a carousel output within the Watson Web chat "client". You can extend the default Watson Web chat, to handle your own responses. See custom content for the Watson Web Chat (https://web-chat.global.assistant.watson.cloud.ibm.com/docs.html?to=api-render ) & custom response types. The original developer notes for the Watson Web Chat did have a carousel example, but don't see that there anymore.
Related
I am currently testing the IBM Watson Assistant and one of its Node.js sample projects. I have configured options like (options, images, connect to agent and pause) in Watson Assistant. In the sample app, those options are not shown in the chat window. Why? How can I add them to the bot?
From a quick look at the source in https://github.com/IBM/watson-banking-chatbot/blob/master/public/js/conversation.js#L90 it seems that the code only prints out text. See the IBM Watson Assistant response types for how options, images and more are encoded.
It seems you would need to extend the code in how to compose the actual output based on detected response options.
I am having difficulty finding a solution for adding one to one for either pubnub chat or sendbird chat with angular 8. Ideally, it would be in a messages component and have a left side with all the members the user is chatting with and then a chat area. Can anyone share a resource ( not just sendbird/pubnub chat javascript SDK ). Anyone have a mock component.html and component.ts? Something that I can see how it works.
You might be looking for something like https://www.pubnub.com/docs/chat/tutorials/react - but this is built in React.
It has a live sample app with UI that shows you the channels you belong to on the left and you can click the 'people' icon on the top right to see who all is online in a particular channel. There is full source code available on Github as well for you to deploy as-is or customize as per your needs.
This (somewhat older, but still pertinent) series of blog posts specific to building a Chat app with AngularJS should help you - https://www.pubnub.com/blog/angularjs-chat-getting-started/ - it contains a fully working Angular app demo as well.
Beyond this, let me know what functionality are you looking for and I am happy to point you to a place that describes how to accomplish that.
For angular 8, use node js to handle all pubnub configurations and route angular request to pubnub through node js. That's what I did with my angular 8 project
I am creating a chatbot for my website, I want to add clickable images, links, buttons in chatbot using Web demo in APIAI. How Can I achieve this?
You can't achieve it using Web demo. As name says it is only demo where you may test flow of your dialog - if api really can transform your language into intent ;) So good to share with your friends and ask them for feedback and maybe improve your feed data - not for a rich client in production.
You may build you own client using their javascript sdk for example - https://github.com/dialogflow/dialogflow-javascript-client. If you know html, css and basis of javascript you should be good to go.
There are many platforms that help you to add rich messages to your chatbot with simple steps.
Following are the platforms where you can build your chatbot with rich messages.
Dialogflow
Kompose
Amazon Lex
IBM Whatson
Kompose will help you in building a rich message chatbot without coding knowledge, it is a GUI platform where you will have to just click on buttons, link buttons, images to add the rich messages.
Once you are ready with the chatbot, copy the install script available in the Kommunicate install section and paste it into your website HTML page to add the chatbot to your website.
On the google website there an example of a simple GWT appliatoin, following is a link:
http://code.google.com/webtoolkit/doc/1.6/tutorial/create.html
The above application has a host page:StockWatcher.html
and StockWatcher.java is the entry point.
If I wanted to add more html pages to this application, we keep one single host page and the entry point will add different panels depending on which link the user clicked on? In this case, how to know which link the user clicked on? If I create a navigation panel and each link has a request parameter, then after the user clicks on the link, How to get the request parameter?
Are there any tutorials available online on how to create a fully functional application? The one example google provides is too simple.
Thanks so much in advance
You have two options to have multiple page web application using gwt.
1) Use gwt history feature and listen for the history change. In this approach at the initial page load itself browser downloads all the javascripts(Including the widgets which are not useful in current link). Still this can be avoided by using gwt code splitting.
2) Create multiple modules. In this case you have to create multiple html pages and GWT entry points. For each major functionality create a gwt module and link that with [modulename].html file. In this approach browser downloads only particular feature's javascript. Not all the javascripts.
Based on your application requirement you can pick one of the option. IMHO I would suggesst second option.
I'm looking for a way to embed Google Docs itself--or a Google Docs-like real-time collaboration of text documents--into a web platform built with Vaadin on top of Google Web Toolkit. Currently our users won't be creating Google IDs and, ideally, we wouldn't need them to (if embedding Google Docs itself). Thanks in advance!
Could you embed the document in an iframe as shown here? (in 5.17.3 Browser Frames)
If you just need a text editor, another solution can be to embed tinymce within you GWT client:
http://tinymce.moxiecode.com
We did it on our project and it works perfectly