https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/556904#M38724 <P><a href="https://community.splunk.com/t5/user/viewprofilepage/user-id/196073">@3666142</a>&nbsp;</P><P>See this example dashboard</P><LI-CODE lang="markup">&lt;dashboard theme="dark"&gt; &lt;label&gt;SadApi&lt;/label&gt; &lt;row depends="$showformat$"&gt; &lt;panel&gt; &lt;html&gt; &lt;style&gt; #app_name g.svg-label text { fill:#6a0dad !important; } #environment g.svg-label text { fill:#6a0dad !important; } &lt;/style&gt; &lt;/html&gt; &lt;/panel&gt; &lt;/row&gt; &lt;row&gt; &lt;panel id="app_name"&gt; &lt;single&gt; &lt;title&gt;Application Name&lt;/title&gt; &lt;search&gt; &lt;query&gt;| makeresults | eval "Application Name"="SadApi"&lt;/query&gt; &lt;earliest&gt;-4h@m&lt;/earliest&gt; &lt;latest&gt;now&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="colorBy"&gt;value&lt;/option&gt; &lt;option name="colorMode"&gt;none&lt;/option&gt; &lt;option name="drilldown"&gt;none&lt;/option&gt; &lt;option name="height"&gt;114&lt;/option&gt; &lt;option name="numberPrecision"&gt;0&lt;/option&gt; &lt;option name="rangeColors"&gt;["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]&lt;/option&gt; &lt;option name="rangeValues"&gt;[0,30,70,100]&lt;/option&gt; &lt;option name="showSparkline"&gt;1&lt;/option&gt; &lt;option name="showTrendIndicator"&gt;1&lt;/option&gt; &lt;option name="trellis.enabled"&gt;0&lt;/option&gt; &lt;option name="trellis.scales.shared"&gt;1&lt;/option&gt; &lt;option name="trellis.size"&gt;medium&lt;/option&gt; &lt;option name="trendColorInterpretation"&gt;standard&lt;/option&gt; &lt;option name="trendDisplayMode"&gt;absolute&lt;/option&gt; &lt;option name="unitPosition"&gt;after&lt;/option&gt; &lt;option name="useColors"&gt;0&lt;/option&gt; &lt;option name="useThousandSeparators"&gt;1&lt;/option&gt; &lt;/single&gt; &lt;/panel&gt; &lt;panel id="environment"&gt; &lt;single&gt; &lt;title&gt;Application Name&lt;/title&gt; &lt;search&gt; &lt;query&gt;| makeresults | eval "Environment"="Release"&lt;/query&gt; &lt;earliest&gt;-4h@m&lt;/earliest&gt; &lt;latest&gt;now&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="colorBy"&gt;value&lt;/option&gt; &lt;option name="colorMode"&gt;none&lt;/option&gt; &lt;option name="drilldown"&gt;none&lt;/option&gt; &lt;option name="height"&gt;114&lt;/option&gt; &lt;option name="numberPrecision"&gt;0&lt;/option&gt; &lt;option name="rangeColors"&gt;["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]&lt;/option&gt; &lt;option name="rangeValues"&gt;[0,30,70,100]&lt;/option&gt; &lt;option name="showSparkline"&gt;1&lt;/option&gt; &lt;option name="showTrendIndicator"&gt;1&lt;/option&gt; &lt;option name="trellis.enabled"&gt;0&lt;/option&gt; &lt;option name="trellis.scales.shared"&gt;1&lt;/option&gt; &lt;option name="trellis.size"&gt;medium&lt;/option&gt; &lt;option name="trendColorInterpretation"&gt;standard&lt;/option&gt; &lt;option name="trendDisplayMode"&gt;absolute&lt;/option&gt; &lt;option name="unitPosition"&gt;after&lt;/option&gt; &lt;option name="useColors"&gt;0&lt;/option&gt; &lt;option name="useThousandSeparators"&gt;1&lt;/option&gt; &lt;/single&gt; &lt;/panel&gt; &lt;/row&gt; &lt;/dashboard&gt;</LI-CODE><P>By setting &lt;panel id="X"&gt; and defining a hidden row with some embedded CSS, the change is effected by the CSS</P><LI-CODE lang="markup">#app_name g.svg-label text { fill:#6a0dad !important; }</LI-CODE><P>where the #app_name line identifies your panel identifier and then set the appropriate colour code in the fill statement.</P><P>This is a common technique for playing around with Splunk dashboard styling - what you can do comes down to your skills with CSS</P><P>Hope this helps</P><P>&nbsp;</P> Wed, 23 Jun 2021 21:22:09 GMT bowesmana 2021-06-23T21:22:09Z https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/556896#M38723 <P>I have a panel (shown below) and I want to change its color. The panel is called Application Name and I want it to be purple. How do I do that?</P><P>In other words, I want "sad-api" to be purple not white.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Splunk Question.png" style="width: 891px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/14778i2C293271F24A1CE2/image-size/large?v=v2&amp;px=999" role="button" title="Splunk Question.png" alt="Splunk Question.png" /></span></P> Wed, 23 Jun 2021 18:28:29 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/556896#M38723 3666142 2021-06-23T18:28:29Z https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/556904#M38724 <P><a href="https://community.splunk.com/t5/user/viewprofilepage/user-id/196073">@3666142</a>&nbsp;</P><P>See this example dashboard</P><LI-CODE lang="markup">&lt;dashboard theme="dark"&gt; &lt;label&gt;SadApi&lt;/label&gt; &lt;row depends="$showformat$"&gt; &lt;panel&gt; &lt;html&gt; &lt;style&gt; #app_name g.svg-label text { fill:#6a0dad !important; } #environment g.svg-label text { fill:#6a0dad !important; } &lt;/style&gt; &lt;/html&gt; &lt;/panel&gt; &lt;/row&gt; &lt;row&gt; &lt;panel id="app_name"&gt; &lt;single&gt; &lt;title&gt;Application Name&lt;/title&gt; &lt;search&gt; &lt;query&gt;| makeresults | eval "Application Name"="SadApi"&lt;/query&gt; &lt;earliest&gt;-4h@m&lt;/earliest&gt; &lt;latest&gt;now&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="colorBy"&gt;value&lt;/option&gt; &lt;option name="colorMode"&gt;none&lt;/option&gt; &lt;option name="drilldown"&gt;none&lt;/option&gt; &lt;option name="height"&gt;114&lt;/option&gt; &lt;option name="numberPrecision"&gt;0&lt;/option&gt; &lt;option name="rangeColors"&gt;["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]&lt;/option&gt; &lt;option name="rangeValues"&gt;[0,30,70,100]&lt;/option&gt; &lt;option name="showSparkline"&gt;1&lt;/option&gt; &lt;option name="showTrendIndicator"&gt;1&lt;/option&gt; &lt;option name="trellis.enabled"&gt;0&lt;/option&gt; &lt;option name="trellis.scales.shared"&gt;1&lt;/option&gt; &lt;option name="trellis.size"&gt;medium&lt;/option&gt; &lt;option name="trendColorInterpretation"&gt;standard&lt;/option&gt; &lt;option name="trendDisplayMode"&gt;absolute&lt;/option&gt; &lt;option name="unitPosition"&gt;after&lt;/option&gt; &lt;option name="useColors"&gt;0&lt;/option&gt; &lt;option name="useThousandSeparators"&gt;1&lt;/option&gt; &lt;/single&gt; &lt;/panel&gt; &lt;panel id="environment"&gt; &lt;single&gt; &lt;title&gt;Application Name&lt;/title&gt; &lt;search&gt; &lt;query&gt;| makeresults | eval "Environment"="Release"&lt;/query&gt; &lt;earliest&gt;-4h@m&lt;/earliest&gt; &lt;latest&gt;now&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="colorBy"&gt;value&lt;/option&gt; &lt;option name="colorMode"&gt;none&lt;/option&gt; &lt;option name="drilldown"&gt;none&lt;/option&gt; &lt;option name="height"&gt;114&lt;/option&gt; &lt;option name="numberPrecision"&gt;0&lt;/option&gt; &lt;option name="rangeColors"&gt;["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]&lt;/option&gt; &lt;option name="rangeValues"&gt;[0,30,70,100]&lt;/option&gt; &lt;option name="showSparkline"&gt;1&lt;/option&gt; &lt;option name="showTrendIndicator"&gt;1&lt;/option&gt; &lt;option name="trellis.enabled"&gt;0&lt;/option&gt; &lt;option name="trellis.scales.shared"&gt;1&lt;/option&gt; &lt;option name="trellis.size"&gt;medium&lt;/option&gt; &lt;option name="trendColorInterpretation"&gt;standard&lt;/option&gt; &lt;option name="trendDisplayMode"&gt;absolute&lt;/option&gt; &lt;option name="unitPosition"&gt;after&lt;/option&gt; &lt;option name="useColors"&gt;0&lt;/option&gt; &lt;option name="useThousandSeparators"&gt;1&lt;/option&gt; &lt;/single&gt; &lt;/panel&gt; &lt;/row&gt; &lt;/dashboard&gt;</LI-CODE><P>By setting &lt;panel id="X"&gt; and defining a hidden row with some embedded CSS, the change is effected by the CSS</P><LI-CODE lang="markup">#app_name g.svg-label text { fill:#6a0dad !important; }</LI-CODE><P>where the #app_name line identifies your panel identifier and then set the appropriate colour code in the fill statement.</P><P>This is a common technique for playing around with Splunk dashboard styling - what you can do comes down to your skills with CSS</P><P>Hope this helps</P><P>&nbsp;</P> Wed, 23 Jun 2021 21:22:09 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/556904#M38724 bowesmana 2021-06-23T21:22:09Z https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/557237#M38761 <P>If you're willing to try out Dashboard Studio, this is possible directly in the UI:&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen Shot 2021-06-25 at 12.04.02 PM.png" style="width: 400px;"><img src="https://community.splunk.com/t5/image/serverpage/image-id/14827i6514C4F2FA4F42A4/image-size/medium?v=v2&amp;px=400" role="button" title="Screen Shot 2021-06-25 at 12.04.02 PM.png" alt="Screen Shot 2021-06-25 at 12.04.02 PM.png" /></span></P> Fri, 25 Jun 2021 19:05:23 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Labels-on-Dashboard-UI/m-p/557237#M38761 elizabethl_splu 2021-06-25T19:05:23Z