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!

Developer Spotlight with Paul Stout

Welcome to our very first developer spotlight release series where we'll feature some awesome Splunk ...

State of Splunk Careers 2024: Maximizing Career Outcomes and the Continued Value of ...

For the past four years, Splunk has partnered with Enterprise Strategy Group to conduct a survey that gauges ...

Data-Driven Success: Splunk & Financial Services

Splunk streamlines the process of extracting insights from large volumes of data. In this fast-paced world, ...