The App Studio within Teams has a few pre-built UI components. I would like to display a message from Teams as it would appear in the channel, but in a custom Tab.
Is there a library or functionality within https://www.npmjs.com/package/#microsoft/teams-js that will format an incoming message structure to HTML complete with things like mentions? Or is this something I have to build out from scratch?
Found the Fluent UI React library by Microsoft Link to Documentation
It has a chat component, that looks like it provides all the styling to match Teams which is nice. It does not (at first glance) look like you can simply give it a chatMessage object straight from Teams and have it displayed correctly.
Small wins.
Related
I use Google Dialog Flow and I still created a Agent. I want to customize the appeareance of the chat window and I do not know how to do it. It seems like there is no options to do this in the DialogFlow Console. I have seen that there are products like Botcopy, but I want to do it by myself. Do I need to use the API to integrate the bot into my website if I want to change the looks?
the DialogFlow web widget is mean to be used for testing, you can hack the CSS and override the way it looks but it is not a recommended approach.
In order to integrate your DialogFlow chatbot on a website you can indeed use Botcopy or Kommunicate (both provide a Widget to add to the web site with some customisation options).
If you are a UI guru you want to build something yourself you can use the DialogFlow SDK https://github.com/googleapis/nodejs-dialogflow
I am looking to create a chatbot for my web application, I have tried the Microsoft Bot Framework but I am unable to customise chat screen and copy text for the chat screen using both Direct Line and WebChat. So I am looking for options which can provide me more options for customisation.
The webchat control is an open source project you can download and customize. You should be able to edit the scss. The repo can be found here. This is your best option unless you would like to write your own control from scratch. I'm not aware of another framework that has an embeddable control such as webchat.
I'm working on a web based application that needs to send email. I want my users to be able to create html templates with an easy editor. I don't want to build this component myself. Are there any components available that can do this which I can integrate in my application?
There's lots of both free and licenced components out there. My favorite is TinyMCE.
https://www.tinymce.com/
A simple Google search will give you heaps of other choices.
I also used this one in my latest project, and it is also great:
https://www.froala.com/wysiwyg-editor
I have been working on maximo anywhere apps recently and have a requirement to completely change the look and feel of the work execution app, the oslc layer which talks to maximo in the backend remains the same and all the functionalities are the same but there are some new buttons, notification messages and all sorts of UX aspects to be added to the app, I have just started looking at the architecture and code of the app but does anyone know how can I make changes to the front-end or is it even possible? I could find very few documents available online and all of them spoke of customizing features and functionalities but I coudlnot find any document for adding UX aspects.
It would be great someone could point out any documents or kick-off points which I can start looking into.
Thanks.
Thanks for asking, if you're just talking about adding new fields, layouts, screens to the UI, you can do that all through the app.xml, and there are lots of examples on our knowledge center, for example this one:
http://www-01.ibm.com/support/knowledgecenter/SSPJLC_7.5.2/com.ibm.si.mpl.doc_7.5.2/config_apps/t_add_rw_fields.html?lang=en
If you're talking about changing the "look" of the existing widgets, this can all be done through css, by overriding our out of the box css classes. Use Chrome inspector to figure out which css class is being used for each element type, and just override it through standard css approaches.
If you're talking about more advanced customization, for example adding your own new widget types to our screens, it is possible to programmatically instantiate/destroy your own widgets through javascript and add them to our standard application views. This code is usually hooked on the initialize and back event of our views. But you'll be responsible for writing the code to synchronize the data layer with your custom widget. We unfortunately don't have a published example of this customization usecase yet.
We always adding new widget capabilities to our Anywhere UI framework, so I'd love to hear feedback on the new widget types you're interested in.
We are including both chat and activity feed React components on a website, which is displayed in multiple languages.
There are some texts like input placeholders or buttons with english default values, and I've seen that some of these texts are customizable with props.
For instance, the component for the new post form has a Header prop (default is a "New Post" Title, see documentation below) that lets me change it for something else.
https://getstream.github.io/react-activity-feed/#statusupdateform
However I'm not sure texts for all components and sub-components are covered by this technique and, even if it is, it seems painful to change every single text values for each component, with localized texts retrieved from backend...
I was wondering if I've missed something in the documentation that would provide already-fully-working localization, or at least some support for it.
If not, has someone an idea of what would be the best way to achieve localization ?
We are currently implementing this at Stream Chat, starting with the react-native SDK and then we'll port it to the react SDK afterward. Then we'll be implementing it on Stream Feeds a bit further down the line. The best way to stay informed is to subscribe to the Github repo for the SDK and keep an eye on updates.
Of course, our SDK's are open source so you're welcome to open a PR for our developers to review!
Stephen