Highlight a row or change the Background color of ...

sdhawanx · ‎12-29-2020

I have a table in my Dashboard which displays a large amount of data and has drilldowns which activates other table results. I want to either to highlight the selected row or change the background color only using simple xml as I don't have the access to change or add the js file. or if there is a way to add .js code in the simple xml code itself. any leads would be helpful.

ITWhisperer · ‎12-29-2020

Add a hidden panel with some CSS in. Give your panel with your table with the drilldown an id.

    <panel depends="$AlwaysHidden$">
      <html>
        <style>
          div[id="tablewithdrilldown"] tr[data-view$="ResultsTableRow"] td:focus
          {
            color: yellow !important;
            background-color: red !important;
          }
        </style>
      </html>
    </panel>
    <panel id="tablewithdrilldown">
      <table>

sdhawanx · ‎01-03-2021

This solution for some reason is not working for my dashboard panel.

ITWhisperer · ‎01-04-2021

Perhaps you can share your dashboard Simple XML?

Highlight a row or change the Background color of the row when an element on that is clicked.

chart

fields

Developer Spotlight with Paul Stout

State of Splunk Careers 2024: Maximizing Career Outcomes and the Continued Value of ...

Data-Driven Success: Splunk & Financial Services