topic Simple xml table - Colorize the Total line in Dashboards & Visualizations

Simple xml table - Colorize the Total line

guilmxm — Tue, 11 Feb 2014 08:28:34 GMT

Hi All,

I would like to able to colorize the "TOTAL" line in simple xml tables as follows:

<table>
  <searchString>MYSEARCH | addcoltotals labelfield="myfield" label=TOTAL</searchString>
  <earliestTime>$earliest$</earliestTime>
  <latestTime>$latest$</latestTime>
  <option name="wrap">true</option>
  <option name="rowNumbers">false</option>
  <option name="dataOverlayMode">none</option>
  <option name="drilldown">row</option>
  <option name="count">10</option>
</table>

The addcoltotals will add a line called TOTAL at the end of my table, i would like to floddlight this line with a specific color, is there a way to achieve it ? Using css maybe ?

Thanks for your help

Re: Simple xml table - Colorize the Total line

martin_mueller — Tue, 11 Feb 2014 20:26:56 GMT

You could define CSS something like this (untested):

#your-table-id tr:last-child {
  background-color: #123456;
}

The idea is as follows: Locate your table based on its id, descend into the last tr element, and colour that appropriately. A word of warning for corporate environments, older versions of IE don't support these CSS3 pseudo-classes.

Re: Simple xml table - Colorize the Total line

guilmxm — Wed, 12 Feb 2014 07:11:32 GMT

Hi,

Many thanks for your answer.

Indeed i think this is the solution, however something inherited by an other css file seems to prevent it to work as for now. (even with important statement within the css)

Still working on it and will revert

Re: Simple xml table - Colorize the Total line

simon21 — Tue, 29 Sep 2020 12:23:15 GMT

please try the below code:

abc.css

"#id_of_table tr:nth-last-child(1) td {
background: #6DB7C6;
color: black;
}

add the "abc.css" in your dashboard or form using stylesheet tag.

Re: Simple xml table - Colorize the Total line

simon21 — Tue, 29 Sep 2020 12:23:18 GMT

please try the below code:

abc.css

"#id_of_table tr:nth-last-child(1) td {
background: #6DB7C6;
color: black;
}

add the "abc.css" in your dashboard or form using stylesheet tag.

Re: Simple xml table - Colorize the Total line

gcusello — Mon, 16 Jan 2017 09:40:07 GMT

Hi guilmxm,
I suggest to download and install the Splunk 6.x Dashboard Examples App (https://splunkbase.splunk.com/app/1603/) in which you can find an example to color all the TOTAL Row or the Total Cell.
Bye.
Giuseppe