I've tried the property but it still shows the color across all panels (I assume this is because of the h2 property set).
Also, what are the dashboard-panel options, i.e. h2, h3, etc?
Below is an example.
Thanks!
.dashboard-panel h2{
background:#3366ff !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
Hi
Try like
<dashboard>
<label>panel</label>
<row>
<panel id="firstpanel">
<title>test1</title>
<table>
<search>
<query>index="_internal" |stats count by source</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</table>
</panel>
</row>
<row>
<panel id="secondpanel">
<title>test2</title>
<table>
<search>
<query>index="_internal" |stats count</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</table>
</panel>
</row>
<row depends="$hide$">
<html>
<style>
#secondpanel .dashboard-panel h2{
background:#3366ff !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
#firstpanel .dashboard-panel h2{
background:#81ff33 !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
</style>
</html>
</row>
</dashboard>
Hi
Try like
<dashboard>
<label>panel</label>
<row>
<panel id="firstpanel">
<title>test1</title>
<table>
<search>
<query>index="_internal" |stats count by source</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</table>
</panel>
</row>
<row>
<panel id="secondpanel">
<title>test2</title>
<table>
<search>
<query>index="_internal" |stats count</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</table>
</panel>
</row>
<row depends="$hide$">
<html>
<style>
#secondpanel .dashboard-panel h2{
background:#3366ff !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
#firstpanel .dashboard-panel h2{
background:#81ff33 !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
</style>
</html>
</row>
</dashboard>
That worked like a champ! Thank you!!!