Kibana - Changing text color based on content


(Chris Laplante) #1

We have some data that uses the common Red/Yellow/Green verbiage. When
presenting this data in a Kibana table panel, I would like to modify the
color of the text. I notice Marvel does this for the global status.

Anyone doing anything like this, or have ideas where to inject it? CSS?

Thanks,

-Chris

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/58bcb3e1-3adc-4539-8270-19663d3701eb%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.


(ElasticSearch Users mailing list) #2

You'll likely need to modify the panel code (module.js/module.html). In the
Marvel panels, it's just some Javascript to change the css of the text
element depending on what its value is.

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/514560a6-1c45-4299-99d4-2f224d332a29%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.


(Chris Laplante) #3

In case it comes up for someone else, I figured it out.

In kibana/app/panels/table/module.js I added:

replace(/^Green$/g,'').replace(/^Yellow$/g,'').replace(/^Red$/g,'')

With the other replace statements after the ones that strip out <>. The
only thing I had to do was modify the trim settings some.

Pretty slick results. Could be something to consider adding more formally
to kibana.

Thanks,

-Chris

On Fri, May 9, 2014 at 6:28 AM, 'Binh Ly' via elasticsearch <
elasticsearch@googlegroups.com> wrote:

You'll likely need to modify the panel code (module.js/module.html). In
the Marvel panels, it's just some Javascript to change the css of the text
element depending on what its value is.

--
You received this message because you are subscribed to a topic in the
Google Groups "elasticsearch" group.
To unsubscribe from this topic, visit
https://groups.google.com/d/topic/elasticsearch/5oVHx1jVjPs/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/elasticsearch/514560a6-1c45-4299-99d4-2f224d332a29%40googlegroups.comhttps://groups.google.com/d/msgid/elasticsearch/514560a6-1c45-4299-99d4-2f224d332a29%40googlegroups.com?utm_medium=email&utm_source=footer
.

For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to the Google Groups "elasticsearch" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elasticsearch+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/elasticsearch/CAPWb6tqu1NzRUeJz8no0O-fTJ8YhYDAhYBHeUxk86_Z_G9XTKw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.


(system) #4