Dashboards & Visualizations

[Config] How can I change Dashboard Title and Description font-configurations?

jasuchung
Explorer

<label>HELLO WORLD</label>
<description>HELLO WORLD is a Dashboard ~~~ </description>

For ordinary panels, I managing with CSS in <html> </html> brackets works fine. 

However, I just cannot seem to find out how to change Dashboard Title and Description Configuration. Can anyone help out?  

jasuchung_0-1692768652765.png

I have no clue 

Labels (5)
0 Karma
1 Solution

ITWhisperer
SplunkTrust
SplunkTrust

Put this as your first row after the inputs.

<row depends="$alwaysHide$">
  <panel>
    <html>
      <style>
        h1.dashboard-header-title {
          color: red !important;
        }
        p.dashboard-header-description,
        div.input-dropdown label {
          color: blue !important;
          font-family: Comic Sans MS,sans-serif !important;
        }
      </style>
    </html>
  </panel>
</row>

View solution in original post

jasuchung
Explorer

Worked well!! Thank you 🙂

0 Karma

jasuchung
Explorer

I still haven't figured out in which part of the code I should insert that lines of code-snippet. My current XML code starts as follows:

 

<form hideSplunkBar="true">
<label>HELLO WORLD</label>
<description> THELLO WORLD is a Dashboard used to display sales data. </description>

<!-- START OF SEARCH QUERY-->

<search id="set_defaults">
<query>
| makeresults
| eval init_to_month = strftime(relative_time(now(), "-1mon@"),"%Y%m")
| eval curr_yr = strftime(now(),"%Y")
| eval init_from_month = strftime(strptime(curr_yr."0101", "%Y%m%d"), "%Y%m")
| eval yester_day = strftime(relative_time(now(), "-1d@"), "%Y%m%d")
</query>
<done>
<set token="tk_init_from_month">$result.init_from_month$</set>
<set token="tk_init_to_month">$result.init_to_month$</set>
<set token="tk_yesterday">$result.yester_day$</set>
</done>
</search>



<!-- START OF FILTERS-->

<fieldset submitButton="false" autoRun="true">
<input type="dropdown" token="tk_curr_start_month" searchWhenChanged="true">

<label>From Month</label>
<fieldForLabel>YYYYMM</fieldForLabel>
<fieldForValue>YYYYMM</fieldForValue><search>
<query>
index = "indexed_data"
| sort 0 YYYYMM
| table YYYYMM
</query>
</search>
</input>


<input type="dropdown" token="tk_curr_end_month" searchWhenChanged="true">
<label>To Month</label>
<fieldForLabel>YYYYMM</fieldForLabel>
<fieldForValue>YYYYMM</fieldForValue>
<search>
<query>
index = "indexed_data"
| sort 0 -YYYYMM
| table YYYYMM
</query>
</search>
</input>

 

 

 

Could you provide me with more details on how I should define those configurations that you've replied?

jasuchung_0-1692774213065.png

 

Also would it be possible to configure the labels for the filter dropdowns?

jasuchung_1-1692774240114.png

 

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Put this as your first row after the inputs.

<row depends="$alwaysHide$">
  <panel>
    <html>
      <style>
        h1.dashboard-header-title {
          color: red !important;
        }
        p.dashboard-header-description,
        div.input-dropdown label {
          color: blue !important;
          font-family: Comic Sans MS,sans-serif !important;
        }
      </style>
    </html>
  </panel>
</row>

ITWhisperer
SplunkTrust
SplunkTrust
      <style>
        h1.dashboard-header-title {
          color: red !important;
        }
        p.dashboard-header-description {
          color: blue !important;
          font-family: Comic Sans MS,sans-serif !important;
        }
      </style>
Get Updates on the Splunk Community!

Now Available: Cisco Talos Threat Intelligence Integrations for Splunk Security Cloud ...

At .conf24, we shared that we were in the process of integrating Cisco Talos threat intelligence into Splunk ...

Preparing your Splunk Environment for OpenSSL3

The Splunk platform will transition to OpenSSL version 3 in a future release. Actions are required to prepare ...

Easily Improve Agent Saturation with the Splunk Add-on for OpenTelemetry Collector

Agent Saturation What and Whys In application performance monitoring, saturation is defined as the total load ...