Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Splunk Enterprise
×
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
- :
- Splunk Platform
- :
- Splunk Enterprise
- :
- Re: help on a CSS dashboard structure
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
jip31
Motivator
01-21-2022
05:13 AM
hi
as you can see, I display 3 differents panels (one map viz and 2 chart viz) in a same row
I have modified the standard width of these panels in CSS
Now, i woould like to add in the same row 2 other chart viz and to expand the height of the row
could you help me please?
<form>
<label>XXX</label>
<fieldset submitButton="false">
<input type="time" token="tokTime" searchWhenChanged="true">
<label>Select Time</label>
<default>
<earliest>-24h@h</earliest>
<latest>now</latest>
</default>
</input>
</fieldset>
<row>
<panel depends="$alwaysHideCSS$">
<html>
<style>
#chart{
width:20% !important;
}
#chart2{
width:20% !important;
}
#map{
width:60% !important;
}
</style>
</html>
</panel>
<panel id="map">
<title>XXX</title>
<map>
<search>
<query></query>
<earliest>$tokTime.earliest$</earliest>
<latest>$tokTime.latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="drilldown">none</option>
<option name="mapping.map.center">(46,2)</option>
<option name="mapping.map.zoom">5</option>
<option name="mapping.type">marker</option>
<option name="refresh.display">progressbar</option>
<option name="trellis.enabled">0</option>
<option name="trellis.scales.shared">1</option>
<option name="trellis.size">medium</option>
</map>
</panel>
<panel id="chart">
<title>XXX</title>
<chart>
<search>
<query></query>
<earliest>$tokTime.earliest$</earliest>
<latest>$tokTime.latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="charting.axisLabelsX.majorLabelStyle.rotation">-45</option>
<option name="charting.axisTitleX.text">Bureaux</option>
<option name="charting.axisTitleY.text">Nb utilisateurs</option>
<option name="charting.chart">column</option>
<option name="charting.chart.showDataLabels">all</option>
<option name="charting.chart.stackMode">stacked</option>
<option name="charting.drilldown">none</option>
<option name="charting.fieldColors">{"nbsam":#f70505}</option>
<option name="charting.legend.placement">none</option>
<option name="height">230</option>
<option name="refresh.display">progressbar</option>
</chart>
</panel>
<panel id="chart2">
<title>XXX</title>
<chart>
<search>
<query></query>
<earliest>$tokTime.earliest$</earliest>
<latest>$tokTime.latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="charting.axisLabelsX.majorLabelStyle.rotation">-45</option>
<option name="charting.axisTitleX.text">Bureaux</option>
<option name="charting.axisTitleY.text">Nb utilisateurs</option>
<option name="charting.chart">column</option>
<option name="charting.chart.showDataLabels">all</option>
<option name="charting.chart.stackMode">stacked</option>
<option name="charting.drilldown">none</option>
<option name="charting.fieldColors">{"nbsam":#27B508}</option>
<option name="charting.legend.placement">none</option>
<option name="height">230</option>
<option name="refresh.display">progressbar</option>
</chart>
</panel>
</row>
</form>
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
SinghK
Builder
01-22-2022
11:28 PM
Trey dashboard afdon from splunk. You will be easily able to design this ..
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
jip31
Motivator
01-22-2022
07:48 PM
Is anybody can help please ?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
SinghK
Builder
01-22-2022
11:28 PM
Trey dashboard afdon from splunk. You will be easily able to design this ..
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
jip31
Motivator
01-23-2022
12:42 AM
yes but the problem I have is that addon is not actually deployed in production...
And I have to do a dashboard like explained in my message
Is there any way to do it without dashboard studio and without the splunk dashboard app?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
jip31
Motivator
01-23-2022
01:48 AM
thanks to you both
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
ITWhisperer
SplunkTrust
01-23-2022
01:09 AM
It depends on your search queries and chart types and whether a trellis option would solve the problem for you.
Get Updates on the Splunk Community!
What the End of Support for Splunk Add-on Builder Means for You
Hello Splunk Community!
We want to share an important update regarding the future of the Splunk Add-on Builder ...
Solve, Learn, Repeat: New Puzzle Channel Now Live
Welcome to the Splunk Puzzle PlaygroundIf you are anything like me, you love to solve problems, and what ...
Building Reliable Asset and Identity Frameworks in Splunk ES
Accurate asset and identity resolution is the backbone of security operations. Without it, alerts are ...
