Dashboards & Visualizations

How do you linebreak between two panels in a Splunk dashboard?

jip31
Motivator

hi,

i would like to do a line breaking between two panels in my XML.

i have tried with
or

, but it doesn't work.

Could you help me please?

<panel>
      <title>MEMORY PERFORMANCES</title>
      <table>
        <title>Reference Host vs Target Host - Counter: WorkingSetSize - Unit (Bytes)</title>
        <search base="base">
          <query>|  stats avg(Working_Set) as Working_Set by instance, host</query>
        </search>
        <option name="count">10</option>
        <option name="drilldown">row</option>
        <option name="refresh.display">progressbar</option>
        <format type="color" field="instance">
          <colorPalette type="map">{"mcshield":#F1813F,"mfetp":#F8BE34}</colorPalette>
        </format>
        <drilldown>
          <link target="_blank">/app/search/Benchmark_Disk_details?form.process=$row.Service$</link>
        </drilldown>
      </table>
    </panel>
  </row>

  <row>
    <panel>
      <title>MEMORY TREND</title>
      <table>
        <title>Reference Host vs Target Host</title>
        <search base="base">
          <query>| eval Work_source=if(host="$field1$",'Working_Set',""), Work_dest=if(host="$field2$",'Working_Set',"") 
| fields instance, Work_source, Work_dest 
| stats avg(*) as * by instance 
| eval Trend_Work_set=round((Work_source-Work_dest)/Work_source,1)." %" 
| fields instance Trend_Work_set</query>
        </search>
        <option name="count">10</option>
        <option name="drilldown">row</option>
        <option name="refresh.display">progressbar</option>
        <format type="number" field="variation_Write_op">
          <option name="precision">1</option>
          <option name="unit">%</option>
        </format>
        <format type="color" field="instance">
          <colorPalette type="map">{"mcshield":#F1813F,"mfetp":#F8BE34}</colorPalette>
        </format>
      </table>
    </panel>
  </row>
  <row>

0 Karma
1 Solution

ccl0utier
Splunk Employee
Splunk Employee

You cannot add HTML in typical Simple XML panels.

You can however add an HTML panel in between other panels, for example:

<panel>
      <html>
         <!-- Any HTML tags here -->
      </html>
</panel>

Ref: https://docs.splunk.com/Documentation/Splunk/6.0/Viz/PanelreferenceforSimplifiedXML#html

You could also use CSS to format that HTML panel (or your original panels) and content to suit your needs. For example, you could assign an ID or class to the relevant elements and format them using that as references for your CSS. See an example here: https://answers.splunk.com/answers/669770/how-to-format-the-html-in-automatic-simple-xml-das.html

View solution in original post

ccl0utier
Splunk Employee
Splunk Employee

You cannot add HTML in typical Simple XML panels.

You can however add an HTML panel in between other panels, for example:

<panel>
      <html>
         <!-- Any HTML tags here -->
      </html>
</panel>

Ref: https://docs.splunk.com/Documentation/Splunk/6.0/Viz/PanelreferenceforSimplifiedXML#html

You could also use CSS to format that HTML panel (or your original panels) and content to suit your needs. For example, you could assign an ID or class to the relevant elements and format them using that as references for your CSS. See an example here: https://answers.splunk.com/answers/669770/how-to-format-the-html-in-automatic-simple-xml-das.html

niketn
Legend

@jip31, do you want line break between actual ** Simple XML <panel> code** or do you need line break in actual dashboard panels UI

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

jip31
Motivator

hi
in actual dashboard panels UI

0 Karma

jip31
Motivator

hi
no it doesnt works

0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

Hi

I'm not getting braking between two panel. Do you want to show line or something else between tow panels? Can you please provide more details? Meanwhile please check below code as what I understand.

Here is sample <hr /> code for line. You can use your HTML code to break panels.

 <row>
    <panel>
      <html>
        <hr/>
      </html>
    </panel>
  </row>

My Sample code.

<dashboard>
  <row>
    <panel>
      <table>
        <search>
         .
         .
         .
        </search>
         .
         .
         .
         .
      </table>

      <html>
        <hr/>
      </html>
      <table>
        <search>
         .
         .
         .

        </search>
         .
         .
         .
         .
      </table>
    </panel>
  </row>
</dashboard>

Here you can keep table in different panel also.

0 Karma

jip31
Motivator

hi

I want to have more space (height) between two panels
il there is no tag i can use
or something else
so i need another solution

0 Karma

deepashri_123
Motivator

Hey@jip31,

You can use <br/> for line breaking

Refer the following example:

     <row>
                          <panel>
                            <html>
                            <div style="text-align: center;">
                              <h1>MY TITLE</h1> &lt;br/&gt;  <h1>FOLLOWING MY TILTLE</h1>
                            </div>
                          </panel>
                        </row>

let me know if this helps!!

0 Karma
Get Updates on the Splunk Community!

Index This | Why did the turkey cross the road?

November 2025 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  &#x1f680; Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Feel the Splunk Love: Real Stories from Real Customers

Hello Splunk Community,    What’s the best part of hearing how our customers use Splunk? Easy: the positive ...