Splunk Search

css styles not working for dashboard title.

sanjum01
Explorer

Hi Folks,
so I have below code but for some reason my css code not rendering, what am I missing?

<dashboard>
<label>Processing_Step_Clone_2</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
.dashboard-row #PStitle .dashboard-panel panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>

Labels (1)
Tags (1)
0 Karma
1 Solution

kamlesh_vaghela
SplunkTrust
SplunkTrust

@sanjum01 

Can you please try this?

<dashboard>
<label>header title</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
#PStitle .panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>
</panel>
</row>
</dashboard>

 

Screenshot 2021-11-05 at 10.50.42 AM.png

 

Thanks
KV
▄︻̷̿┻̿═━一   😉

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated. 

View solution in original post

kamlesh_vaghela
SplunkTrust
SplunkTrust

@sanjum01 

Can you please try this?

<dashboard>
<label>header title</label>
<row>
<panel id="PStitle">
<title>Processing Steps for Source$form.Source$ - $form.earliest_date$ - $form.time$</title>
<html>
<style>
#PStitle .panel-title {
font-size: 40px !important;
color: #7FFF00;
}
</style>
</html>
</panel>
</row>
</dashboard>

 

Screenshot 2021-11-05 at 10.50.42 AM.png

 

Thanks
KV
▄︻̷̿┻̿═━一   😉

If any of my reply helps you to solve the problem Or gain knowledge, an upvote would be appreciated. 

Get Updates on the Splunk Community!

Detecting Remote Code Executions With the Splunk Threat Research Team

WATCH NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If exploited, ...

Enter the Splunk Community Dashboard Challenge for Your Chance to Win!

The Splunk Community Dashboard Challenge is underway! This is your chance to showcase your skills in creating ...

.conf24 | Session Scheduler is Live!!

.conf24 is happening June 11 - 14 in Las Vegas, and we are thrilled to announce that the conference catalog ...