Custom fonts in Twilio Flex Web chat - twilio

I am editing the UI of my Twilio Flex web chat plugin. How do I edit the font, so it's not Open Sans?

You can use CSS applied to .Twilio-RootContainer in order to top-level edit your webchat

Related

How to embed Microsoft powerpoint presentation and allow the user to slide in a Rails app

How to embed Microsoft powerpoint presentation and allow the user to slide pages in a Rails app
A solution has been described here https://stackoverflow.com/a/26101266/5726514 by Matt Gibson
You may have to use Scribd.com and display their embedded widget with rails.
Another solution is to use Google Drive and their PPT tools that can also be embedded with rails. (embeding-ppt-in-the-webpage)

jQuery UI theme for Zurb Foundation?

I have an excellent jquery-ui based application that I'd like to give the fresh looks of Foundation. Most important part I'm missing is the support properly styled dialogs which currently have the jquery looks.
Is there anything like a foundation-styled jQuery UI theme or project setup to develop one?
My company has used http://jqueryui.com/themeroller/ to create the themes for our clients.
We had a client request a theme that matched the foundation default styling so we created it and uploaded it to out github. Below you can download the style sheets.
https://github.com/cwdgservices/jQuery-UI-Style-for-Zurb-Foundation

Zendesk app integration

I created a web application by using HTML, JS, JQuery, and some Jquery plugins. Now I want to integrate it into Zendesk. Can I use it like just copy all my files and paste it into zendesk zip file ? Or Do I have to re-code entire thing to make it work for ZenDesk ?
I checked the examples in online, they didn't mentioned anywhere about reusing the apps that already developed in Zendesk.
I am currently doing some fairly extensive Zendesk integration. If you are referring to customisation on the Agent Portal side then it will have to be a Zendesk App under strict Zendesk adopted frameworks jquery is included (http://developer.zendesk.com/documentation/apps/). If in the customer facing Help Center you can simply go into there on screen editor and paste your html, js, etc into the relevant sections see (https://support.zendesk.com/entries/22618341)
Good luck,
Tris
If you want to integrate your app to Zendesk as an Agent App, you might consider the chance of using within an iframe.
Note that the url to which the iframe is pointing to must be served as HTTPS. Otherwise, it won't work.
EDIT:
As of version 2.0 of ZAF (Zendesk Application Framework), it's easy to integrate any webpage. In v2.0, you aren't restricted to any technology or environment.

What is the purpose of data-role in TriggerIO?

What is the purpose of the div 'data-role' option seen in the TriggerIO template files? Am I to assume that I can ignore this and build my app as if I would build a normal website in HTML5? Or do I need to use different tag options in order to initiate CSS selectors and such? There doesn't seem to be much information about the real differences between your TriggerIO apps and how you would write a normal HTML5 app.
I'm creating a children's story app whereby you can view an image and some text, and swipe for the next page). Should I be using canvas to load the images and text or is it best to use the older school img tags and other markup?
The example app that you get when you create a new app using the TriggerToolkit uses jQuery mobile. The data-role attributes are used by jQuery mobile:
In the body, a div with a data-role of page is the wrapper used to delineate a page, and the header bar (data-role="header") and content region (data-role="content") are added inside to create a basic page (these are both optional). These data- attributes are HTML5 attributes used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget.
From: http://jquerymobile.com/demos/1.2.0/docs/about/getting-started.html
You can delete all this and use whatever markup, stylesheets and JavaScript you would usually when making a website. I'd definitely recommend using <img> and regular text rather than doing everything in a <canvas>. My advice would be to "try it and see", treating the development as you would a mobile website, but with assets stored locally and the ability to leverage forge APIs.

customizing jquery mobile theme

I began to build jquery mobile based app and started to customize its theme with http://jquerymobile.com/themeroller/
but there is just not enough options for me to customize it, so I am asking is there some tool to customize it further?
however http://jqueryui.com/themeroller/# has more options but am not sure can I use it, beacuse its jquery and not jquery mobile

Resources