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!

What's New in Splunk Enterprise 9.4: Features to Power Your Digital Resilience

Hey Splunky People! We are excited to share the latest updates in Splunk Enterprise 9.4. In this release we ...

Take Your Breath Away with Splunk Risk-Based Alerting (RBA)

WATCH NOW!The Splunk Guide to Risk-Based Alerting is here to empower your SOC like never before. Join Haylee ...

SignalFlow: What? Why? How?

What is SignalFlow? Splunk Observability Cloud’s analytics engine, SignalFlow, opens up a world of in-depth ...