Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: How do I change the panel title font size usin...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
damucka
Builder
11-20-2018
06:46 AM
Hello,
I would like to change the dashboard panel title font size using XML, not CSS.
I found the following in one of the posts:
<html>
<style>
.dashboard-row .dashboard-panel h2.panel-title {
font-size: 20px !important;
}
</style>
</html>
But, when I insert it inside of the and it still changes the title font of ALL the panels in my dashboard.
How would I change the title font for one particular panel only?
Kind Regards,
Kamil
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
niketn
Legend
11-20-2018
09:08 AM
@damucka give panel an id for example myPanelWithCSS1 and then change CSS Select to the specific panel
<row>
<panel id="myPanelWithCSS1">
....
</panel>
</row>
Then add id to your CSS Selector to make it more specific:
<html>
<style>
.dashboard-row #myPanelWithCSS1 .dashboard-panel h2.panel-title {
font-size: 20px !important;
}
</style>
</html>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
niketn
Legend
11-20-2018
09:08 AM
@damucka give panel an id for example myPanelWithCSS1 and then change CSS Select to the specific panel
<row>
<panel id="myPanelWithCSS1">
....
</panel>
</row>
Then add id to your CSS Selector to make it more specific:
<html>
<style>
.dashboard-row #myPanelWithCSS1 .dashboard-panel h2.panel-title {
font-size: 20px !important;
}
</style>
</html>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
efavreau
Motivator
11-20-2018
11:23 AM
@niketnilay Awesome!
###
If this reply helps you, an upvote would be appreciated.
If this reply helps you, an upvote would be appreciated.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
efavreau
Motivator
11-20-2018
11:57 AM
Had to play with it a little bit to get it to work. I went with:
<style>
/* Target a single panel, that has an id="myPanelWithCSS1" */
#myPanelWithCSS1 .dashboard-panel h2{
font-size: 40px !important;
color:red !important;
}
</style>
Thanks!
###
If this reply helps you, an upvote would be appreciated.
If this reply helps you, an upvote would be appreciated.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
damucka
Builder
11-21-2018
04:54 AM
Thank you, it worked.
Could you perhaps help me also to change the color of the single value? I would like to have a static blue color without ranges.
I try to implement it as follows, but it does not work:
<html>
<style type="text/css">
#LogBackupWithCSS1 .dashboard-panel .single-value .single-result {
font-size: 40px !important;
color: #0877A6 !important;
}
</style>
</html>
The font size gets changed correctly by the above.
Kind Regards,
Kamil
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
damucka
Builder
11-21-2018
07:35 AM
Sure, thanks for your help.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
efavreau
Motivator
11-21-2018
07:26 AM
I haven't worked with the .single-value .single-result before. I wouldn't want to steer you wrong. Perhaps that is another question for Splunk Answers?
###
If this reply helps you, an upvote would be appreciated.
If this reply helps you, an upvote would be appreciated.
Get Updates on the Splunk Community!
Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...
This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...
Splunk Community Badges!
Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...
What You Read The Most: Splunk Lantern’s Most Popular Articles!
Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...
