Dialogflow Messenger CSS variables list - css

I'm finishing chatbot in Dialogflow ES. I'm using Dialogflow Messenger integration. I managed to do embeding with appropriate HTML customizations and some CSS customizations. What I'm missing is the complete list of CSS variables.
In Google's help (https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger#css-customize) I can see 11 CSS variables listed, but googling further I found at least one more (--df-messenger-chip-border-color).
Does anyone know if the "official" variables list is the one to stick to or are there additional variables available? And if they are, is there a list somewhere?
I know I can do lots of things with jQuery or JS and update different chatbot elements' CSS on the fly after they are loaded by Google script but using specific variables is of course far more simple and far less time consuming.

Answer that I got directly from Google (asked the same question in Google groups):
The doc for messenger is missing some CSS variables. We will work on updating the doc. For now, one way to find all the supported CSS variables is to search "--df-messenger" in the script file (https://www.gstatic.com/dialogflow-console/fast/messenger/messenger-internal.min.js).

Related

Looking for best way to add material design to meteor application

I am currently building a small meteor based quoting tool application. I would like to add Google's material design to it and and having a hard time to decide what is the best way to do that.
I would like to hear from someone who has done this, am I in right track and what are the potential issues with solution options below, or is there better existing solution?
Installing polymer to public folder and use bower to build the client packages.
Installing materialize CSS using Atmosphere package https://atmospherejs.com/materialize/materialize
Using momentum https://atmospherejs.com/percolate/momentum to roll my own components https://atmospherejs.com/percolate/momentum
Elements I want to use are paper-elements + Google drive and sheets, plus might need more in the future.
If you go the Polymer route, you will be able to use the paper-styles component. It would require manual application, but it'd give you the most authentic Material Design experience. In addition, you can use the various paper elements directly, swapping out normal input elements for paper-input, for example.

custom css for google maps api v3 'directions-panel'

Been searching for the last hour or so and cannot find anything regarding custom css for the directions panel output for Google Maps v3. I am trying to customize the css for the text-directions as shown at Google Doc.
I took at look at the css generated on my map and it is using various ids and classes starting with 'adp', but the few places I did find in my searching had no reference to this.
Is there any 'standard' css or method to customize it? I am afraid to modify these 'adp' entries for fear that it will change at any time or that is possibly different naming for different people/locations.
Any information on this would be great!

How do I format the card in Google Fusion Tables so that the text/images appear in multiple columns

I've been trying to separate the text/images into columns using normal CSS script, but they are not recognized by the google custom card interface. I've noticed that all the commands are a little different stylistically from CSS, though derived from that language as far as I can tell. I've tried looking for some general reference material on this google variant to solve this issue, but so far have not had any luck. Any suggestions?
The card layouts do use standard CSS. We strip out anything that might be a security risk, but it's unlikely you're encountering that. Can you include a link to your table and an example of the CSS you think should be working but is not?
If you'd rather not make your table accessible you can send mail to googletables-feedback#google.com and we can pick up the conversation from there.

Drupal module for inline notifications (in style of Stackoverflow or Gmail)?

I am looking for a Drupal module that makes on-page notifications similar to those found on Stackoverflow (slide on from top) or Gmail (appears near top of page).
I've looked through the secondary modules associated with notifications and messaging projects, and haven't found this.
The module needs to be able to hook into other core modules in order to be triggered by events and send useful messages (i.e. i'm not looking for just the javascript to do a pop-up).
BTW this is for Drupal 6.
Thank you!
I don't think there is a module which exactly does what you describe, but you would get very far with one of the "growl" messaging modules mentioned in this comparison chart.
For example the "rawr" module which I think could be easily modified to fit your needs. Some css and theming would be necessary probably.
They all only work with the default drupal messages (created with drupal_set_message). However, since this is the common way in drupal to display messages, other modules should work fine with it.

dashcode and external rss feeds

I was wonder if anyone can help me with this. I've been looking everywhere for this information, but I want to make a web application using dascode rss. I know that you can't link external sources. Does anyone know a way I can get around it. From what I understand a little php can get around this, but I'm unsure where to look.
OK, first thing no PHP. Dashcode is limited to HTML, CSS and JavaScript. Although having said that there are a whole range of system calls that cna be made using the functionality provided by various parts of the x-cde system.
Second yes you can link to external sources such as other web sites, api on say Twitter, google etc. RSS feeds and so on, not sure where you got the idea to the contrary.
If you want to learn how to do a Dashcode RSS then open up Dashcode, start a new project, either web based or Dsashboard based and choose the RSS project. This will give you an out of the box template to add you own information and then see how it works. Then customise it.
In the above i am assuming Snow Leopard and the latest Dashcode/X-code but it will still gove you most of what you want on earlier version.

Resources