Splunk Enterprise

splitting panels into half

jerinvarghese
Communicator

Hi all,

Need your help in splitting the panels into 2 halfs. ataching 2 pitcures. 

1. first one is the current panel structure am using.Current Panel designCurrent Panel design

2. second once is what we are looking for.

Expected Panel designExpected Panel design

Labels (2)
0 Karma
1 Solution

bowesmana
SplunkTrust
SplunkTrust

@jerinvarghese Note that in principle, @scelikok reply will not put <single> visualisations on top of each other inside a single panel. Generally <single> entries will be tiles horizontally within a panel, whereas other visualisations in that panel will be stacked vertically.

However, you can change that simply by adding the following empty html visualisation between singles so that it will then force them to stack vertically, so add

<single>
...
</single>
<html/>
<single>
...
</single>

Naturally within that html you can do anything to adjust spacing between the other visualisations and the height of an individual visualisation can be adjusted with the 

<option name="height">214</option>

to whatever height you want.

 

View solution in original post

0 Karma

scelikok
SplunkTrust
SplunkTrust

You're welcome, this is what simple xml supports. To do more you can use custom js or css.

If this reply helps you an upvote is appreciated.
0 Karma

scelikok
SplunkTrust
SplunkTrust

Hi @jerinvarghese,

You can achieve this by putting C and D components into the same panel using dashboard sourc like below sample.

<dashboard>
  <label>test1</label>
  <row>
    <panel>
      <single>
        <search>
          <query>|makeresults | eval Panel="A"</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel>
      <single>
        <search>
          <query>|makeresults | eval Panel="B"</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
    <panel>
      <single>
        <search>
          <query>|makeresults | eval Panel="C"</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
      <single>
        <search>
          <query>|makeresults | eval Panel="D"</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</dashboard>

 

If this reply helps you an upvote is appreciated.

If this reply helps you an upvote is appreciated.

jerinvarghese
Communicator

Thanks so much for that, is it possible separate with a height too..

0 Karma

bowesmana
SplunkTrust
SplunkTrust

@jerinvarghese Note that in principle, @scelikok reply will not put <single> visualisations on top of each other inside a single panel. Generally <single> entries will be tiles horizontally within a panel, whereas other visualisations in that panel will be stacked vertically.

However, you can change that simply by adding the following empty html visualisation between singles so that it will then force them to stack vertically, so add

<single>
...
</single>
<html/>
<single>
...
</single>

Naturally within that html you can do anything to adjust spacing between the other visualisations and the height of an individual visualisation can be adjusted with the 

<option name="height">214</option>

to whatever height you want.

 

0 Karma