I would like to implement visualizer in my angular ui for Bot.Can anyone help how can we render adaptive cards in an angular ui. I am using Angular 1.x.
You can render Adaptive Cards in a client-side web application using the HTML client library microsoft-adaptivecards available via NPM.
For instructions and a code example, check out: http://adaptivecards.io/documentation/#display-libraries-htmlclient
There are also code samples available on the Adaptive Cards GitHub repository:
https://github.com/Microsoft/AdaptiveCards/tree/master/samples
Related
I am using react spfx botframework for building the chatbot applictaion. I am integrating the backend service from azure portal but i am not able to edit the css of the section under react-film class as i am not able to locate it. the class which i wanted to edit is react-film--css-cnmnh-24dn9z webchat__suggested-actions__carousel and react-film so that i can change the layout from filmstrip to grid in the botframework webpart. Please provide me a way how to access the particular class or a way to change it from filmstrip to grid layout.
I have tried to find the html in frontend and backend part but i am not able to find those components as it is synamically creating botframework .
I'm trying to find a way to render HTML markup as the content of a Bot Framework adaptive card. Is this possible? If not can I do it using any other cards like Hero, Thumbnail, etc?
No, adaptive-cards have their own json schema and html is not part of it. None of the bot framework supported channels (including WebChat) currently support html rendering.
If you need html support in WebChat, this blog post discusses how to enable it: https://blog.botframework.com/2017/09/07/html-not-supported-web-chat/
I am leaning towards using Reactjs for our Web UI. Are there any resources/examples explaining how I can reuse or replace my Web based components emitting HTML with components supported by Reapp so that I can make a mobile app easily leveraging the same Actions and Stores?
2 places spring to mind:
https://reapp.io/ui.html
https://scotch.io/tutorials/creating-a-simple-shopping-cart-with-react-js-and-flux
Hope that helps
There are some examples that were developed with Couchbase Lite PhoneGap plugin but there is no example with REST API and PhoneGap plugin.
Can we use REST APIs with PhoneGap plugin in Couchbase?
Curious what is your use case in using REST APIs with the PhoneGap plugin for Couchbase Mobile?
What are you trying to do and best to post your questions on the Couchbase Mobile Forum
I had the same question. I could not find anything so I wrote a TypeScript API for the REST API. Keep reading for a JS version. You can take a look here cordova-plugin-couchbase-lite or on npm
There is an example project embedded in the test folder to see how it integrates.
Both are written in Typescript, so the source would need to be compiled to use in a JS project. The test app is configured to generate the JS for you if need be.
We are building an AngularJS web app and we are trying to integrate DFP ads. By the way, we already have a PHP web app with DFP ads running so I am familiar with how DFP integration works, but of course it is different on an AngularJS app, due to its front end loading nature. So, I know there are three components we need to get working:
In the <head>:
The DFP tag for either sync or async, as shown here, https://support.google.com/dfp_sb/answer/1651549. I know Google recommends async, but recently on our PHP app we had to switch to sync, since async doesn't support rich media, and we were also facing some reporting discrepancies with async. So, with an AngularJS app, can we still use sync, or only async?
The DFP tag in which we define the ad slots, and also call the enableServices, singleRequest or syncRendering, etc. By the way, we want to have dynamically populated ad slots per page (app state), so we have to figure that out.
, and in the <body>:
The tags for displaying the ads for the ad divs. On an AngularJS app would it work with .display() or would we need to call the .refresh() method?
Any help is much appreciated, thanks in advance.
Cheers,
Iraklis
Try this ngDfp
ngDfp is a simple library for Angular JS that allows you to add DoubleClick for Publishers tags to your Angular site.
To show an ad, use
<div data-ng-dfp-ad="div-gpt-ad-1234567890123-0"></div>