Dashboards & Visualizations

colouring Header of the table in splunk

abhayneilam
Contributor

Hi,

I have a dashboard which is having two tables, one table is showing the critical data and other data is showing the normal data.
My requirement is Normal data table should have YELLOW colour as a header ( means the whole box where the dashboard panel title is written ) and the critical data table should have RED colour as a header ( means the whole box where the dashboard panel title is written ) .

Please help !!

0 Karma

stephanefotso
Motivator

you can use the html for the header of the table and then use the CSS to color the back ground. I'will use two files: table_header_highlighting.xml and table_header_highlighting.css.put the css file in the static folder of your application: your_app_name/appserver/static

table_header_highlighting.xml

<dashboard stylesheet="table_header_highlighting.css">
           <label>colouring_header_of_the_table</label>
           <description/>
           <row grouping="2,2">

             <html>
              <h1 id="id1">
                  Top Sourcetypes (Last 24 hours)
              </h1>

             </html>

             <table>

                    <searchString>index=_internal | top limit=100 sourcetype | eval percent = round(percent,2)</searchString>
                    <earliestTime>-24h@h</earliestTime>
                    <latestTime>now</latestTime>
                    <option name="wrap">true</option>
                    <option name="rowNumbers">true</option>
                    <option name="dataOverlayMode">none</option>
                    <option name="drilldown">cell</option>
                    <option name="count">10</option>
           </table>

              <html>
              <h1 id="id2">
                  Rare Sourcetypes (Last 24 hours)
              </h1>

            </html>
             <table>

                    <searchString>index=_internal | rare limit=100 sourcetype | eval percent = round(percent,2)</searchString>
                    <earliestTime>-24h@h</earliestTime>
                    <latestTime>now</latestTime>
                    <option name="wrap">true</option>
                    <option name="rowNumbers">true</option>
                    <option name="dataOverlayMode">none</option>
                    <option name="drilldown">cell</option>
                    <option name="count">10</option>
             </table>

           </row>
</dashboard>

table_header_highlighting.css

#id1 {
    background-color: yellow;
}

#id2 {
    background-color: red;
}

,

SGF
0 Karma
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain

Boston may be buzzing this September with Splunk University and .conf25, but you don’t have to pack a bag to ...

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Unlock What’s Next: The Splunk Cloud Platform at .conf25

In just a few days, Boston will be buzzing as the Splunk team and thousands of community members come together ...