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!

Join Us for Splunk University and Get Your Bootcamp Game On!

If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...

.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!

.conf24 is taking place at The Venetian in Las Vegas from June 11 - 14. Continue reading to learn about the ...

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...