Re: Highlight a row or change the Background color...

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

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!