Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
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!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: How to add an image/logo in the background on ...
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
patra966
Path Finder
04-21-2020
11:46 PM
I want to add a image/logo in the XML dashboard. The image in the GitHub repository. Please find the image link. Please let me know how can I achieve it.
https://raw.githubusercontent.com/rajapatra/Test/master/bg.jpg
Thanks in Advance.
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
to4kawa
Ultra Champion
04-22-2020
02:12 AM
sample:
<form>
<label>text input with camma</label>
<row>
<panel>
<input type="text" token="clientTransactionId" searchWhenChanged="true" id="webOrder">
<label>Transaction Id (for multiple use csv's):</label>
<change>
<eval token="clientTransactionId_formatted">if(match($clientTransactionId$, ","),replace($clientTransactionId$,","," OR "),$clientTransactionId$)</eval>
</change>
</input>
</panel>
</row>
<row>
<panel>
<html id="back">
<style>
.splunk-textinput
{
width: 300px !important;
}
label
{
width: 300px !important;
}
#back
{
background-image: url('https://raw.githubusercontent.com/rajapatra/Test/master/bg.jpg')
}
</style>
<p>
<h2>$clientTransactionId_formatted$</h2>
</p>
</html>
</panel>
</row>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
to4kawa
Ultra Champion
04-22-2020
02:12 AM
sample:
<form>
<label>text input with camma</label>
<row>
<panel>
<input type="text" token="clientTransactionId" searchWhenChanged="true" id="webOrder">
<label>Transaction Id (for multiple use csv's):</label>
<change>
<eval token="clientTransactionId_formatted">if(match($clientTransactionId$, ","),replace($clientTransactionId$,","," OR "),$clientTransactionId$)</eval>
</change>
</input>
</panel>
</row>
<row>
<panel>
<html id="back">
<style>
.splunk-textinput
{
width: 300px !important;
}
label
{
width: 300px !important;
}
#back
{
background-image: url('https://raw.githubusercontent.com/rajapatra/Test/master/bg.jpg')
}
</style>
<p>
<h2>$clientTransactionId_formatted$</h2>
</p>
</html>
</panel>
</row>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
PavelP
Motivator
04-23-2020
01:58 AM
Hi @to4kawa,
you have 7777 points right now!!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
to4kawa
Ultra Champion
04-23-2020
02:22 AM
thank you @PaveIP
7777 I'm so lucky!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
patra966
Path Finder
04-23-2020
01:54 AM
Hi @to4kawa ,
Thanks for information. It is ok if anyone want so the token value with background.
If I have some panels in dashboard with single value and statistics table visualizations, how can implement the image as my background of dashboard.
.dashboard-body{
background-image: url('https://raw.githubusercontent.com/rajapatra/Test/master/bg.jpg');
}
With this query i am getting the part of image in between the small gap.
How can I get it as background of panels also ?
Thanks in Advance.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
to4kawa
Ultra Champion
04-23-2020
02:20 AM
use .svg-container class with id
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
gcusello
SplunkTrust
04-21-2020
11:48 PM
Hi @patra966,
the only way is to modify your CSS.
Ciao.
Giuseppe
Get Updates on the Splunk Community!
Congratulations to the 2025-2026 SplunkTrust!
Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!
The ...
Community Feedback
We Want to Hear from You! Share Your Feedback on the Splunk Community
The Splunk Community is built for you ...
Manual Instrumentation with Splunk Observability Cloud: Implementing the ...
In our observability journey so far, we've built comprehensive instrumentation for our Worms in Space ...
