https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582161#M11279 <P>Trey dashboard afdon from splunk. You will be easily able to design this ..</P> Sun, 23 Jan 2022 07:28:46 GMT SinghK 2022-01-23T07:28:46Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/581990#M11262 <P>hi</P><P>as you can see,&nbsp; I display 3 differents panels (one map viz and 2 chart viz) in a same row</P><P>I have modified the standard width of these panels in CSS</P><P>Now, i woould like to add in the same row 2 other chart viz and to expand the height of the row</P><P>could you help me please?</P><P>&nbsp;</P><P>&nbsp;</P><LI-CODE lang="markup">&lt;form&gt; &lt;label&gt;XXX&lt;/label&gt; &lt;fieldset submitButton="false"&gt; &lt;input type="time" token="tokTime" searchWhenChanged="true"&gt; &lt;label&gt;Select Time&lt;/label&gt; &lt;default&gt; &lt;earliest&gt;-24h@h&lt;/earliest&gt; &lt;latest&gt;now&lt;/latest&gt; &lt;/default&gt; &lt;/input&gt; &lt;/fieldset&gt; &lt;row&gt; &lt;panel depends="$alwaysHideCSS$"&gt; &lt;html&gt; &lt;style&gt; #chart{ width:20% !important; } #chart2{ width:20% !important; } #map{ width:60% !important; } &lt;/style&gt; &lt;/html&gt; &lt;/panel&gt; &lt;panel id="map"&gt; &lt;title&gt;XXX&lt;/title&gt; &lt;map&gt; &lt;search&gt; &lt;query&gt;&lt;/query&gt; &lt;earliest&gt;$tokTime.earliest$&lt;/earliest&gt; &lt;latest&gt;$tokTime.latest$&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="drilldown"&gt;none&lt;/option&gt; &lt;option name="mapping.map.center"&gt;(46,2)&lt;/option&gt; &lt;option name="mapping.map.zoom"&gt;5&lt;/option&gt; &lt;option name="mapping.type"&gt;marker&lt;/option&gt; &lt;option name="refresh.display"&gt;progressbar&lt;/option&gt; &lt;option name="trellis.enabled"&gt;0&lt;/option&gt; &lt;option name="trellis.scales.shared"&gt;1&lt;/option&gt; &lt;option name="trellis.size"&gt;medium&lt;/option&gt; &lt;/map&gt; &lt;/panel&gt; &lt;panel id="chart"&gt; &lt;title&gt;XXX&lt;/title&gt; &lt;chart&gt; &lt;search&gt; &lt;query&gt;&lt;/query&gt; &lt;earliest&gt;$tokTime.earliest$&lt;/earliest&gt; &lt;latest&gt;$tokTime.latest$&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="charting.axisLabelsX.majorLabelStyle.rotation"&gt;-45&lt;/option&gt; &lt;option name="charting.axisTitleX.text"&gt;Bureaux&lt;/option&gt; &lt;option name="charting.axisTitleY.text"&gt;Nb utilisateurs&lt;/option&gt; &lt;option name="charting.chart"&gt;column&lt;/option&gt; &lt;option name="charting.chart.showDataLabels"&gt;all&lt;/option&gt; &lt;option name="charting.chart.stackMode"&gt;stacked&lt;/option&gt; &lt;option name="charting.drilldown"&gt;none&lt;/option&gt; &lt;option name="charting.fieldColors"&gt;{"nbsam":#f70505}&lt;/option&gt; &lt;option name="charting.legend.placement"&gt;none&lt;/option&gt; &lt;option name="height"&gt;230&lt;/option&gt; &lt;option name="refresh.display"&gt;progressbar&lt;/option&gt; &lt;/chart&gt; &lt;/panel&gt; &lt;panel id="chart2"&gt; &lt;title&gt;XXX&lt;/title&gt; &lt;chart&gt; &lt;search&gt; &lt;query&gt;&lt;/query&gt; &lt;earliest&gt;$tokTime.earliest$&lt;/earliest&gt; &lt;latest&gt;$tokTime.latest$&lt;/latest&gt; &lt;sampleRatio&gt;1&lt;/sampleRatio&gt; &lt;/search&gt; &lt;option name="charting.axisLabelsX.majorLabelStyle.rotation"&gt;-45&lt;/option&gt; &lt;option name="charting.axisTitleX.text"&gt;Bureaux&lt;/option&gt; &lt;option name="charting.axisTitleY.text"&gt;Nb utilisateurs&lt;/option&gt; &lt;option name="charting.chart"&gt;column&lt;/option&gt; &lt;option name="charting.chart.showDataLabels"&gt;all&lt;/option&gt; &lt;option name="charting.chart.stackMode"&gt;stacked&lt;/option&gt; &lt;option name="charting.drilldown"&gt;none&lt;/option&gt; &lt;option name="charting.fieldColors"&gt;{"nbsam":#27B508}&lt;/option&gt; &lt;option name="charting.legend.placement"&gt;none&lt;/option&gt; &lt;option name="height"&gt;230&lt;/option&gt; &lt;option name="refresh.display"&gt;progressbar&lt;/option&gt; &lt;/chart&gt; &lt;/panel&gt; &lt;/row&gt; &lt;/form&gt;</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Fri, 21 Jan 2022 16:32:11 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/581990#M11262 jip31 2022-01-21T16:32:11Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582156#M11276 <P>Is anybody can help please ?</P> Sun, 23 Jan 2022 03:48:17 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582156#M11276 jip31 2022-01-23T03:48:17Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582161#M11279 <P>Trey dashboard afdon from splunk. You will be easily able to design this ..</P> Sun, 23 Jan 2022 07:28:46 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582161#M11279 SinghK 2022-01-23T07:28:46Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582166#M11281 <P>yes but the problem I have is that addon is not actually deployed in production...</P><P>And I have to do a dashboard like explained in my message</P><P>Is there any way to do it without dashboard studio and without&nbsp;the splunk dashboard app?</P> Sun, 23 Jan 2022 08:42:22 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582166#M11281 jip31 2022-01-23T08:42:22Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582170#M11283 <P>It depends on your search queries and chart types and whether a trellis option would solve the problem for you.</P> Sun, 23 Jan 2022 09:09:19 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582170#M11283 ITWhisperer 2022-01-23T09:09:19Z https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582172#M11284 <P>thanks to you both</P> Sun, 23 Jan 2022 09:48:18 GMT https://community.splunk.com/t5/Splunk-Enterprise/help-on-a-CSS-dashboard-structure/m-p/582172#M11284 jip31 2022-01-23T09:48:18Z