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!

Stay Connected: Your Guide to May Tech Talks, Office Hours, and Webinars!

Take a look below to explore our upcoming Community Office Hours, Tech Talks, and Webinars this month. This ...

They're back! Join the SplunkTrust and MVP at .conf24

With our highly anticipated annual conference, .conf, comes the fez-wearers you can trust! The SplunkTrust, as ...

Enterprise Security Content Update (ESCU) | New Releases

Last month, the Splunk Threat Research Team had two releases of new security content via the Enterprise ...