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!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...