Dashboards & Visualizations

Need help: Stack 2 panels left, and have 1 panel on the right.

Bleepie
Communicator

Dear Community, I need help with the creation of a dashboard where:

  • I have 1 row
  • I have 3 panels
  • I want 2 panels stacked on top of each other on the left
  • I want 1 panel in full height on the right

I have searched different topics on the community but most of those only provide results without context and when I don't get them to work, I don't know what to do. This is what I managed to create so far:

Splunk_dashboard_stack2left_1right.png

Using the following sourcecode:

<dashboard>
  <label>Stack 2 left, 1 right</label>
  <row>
    <panel id="topleft">
      <title></title>
      <html>
        <style>
          #topleft{
            width:15% !important;
            float: left;
          }
          
          #bottomleft{
            width:15% !important;
            clear: left;
            float: left;
          }
          
          #right{
            width:85% !important;
            overflow: hidden;
          }
        </style>
      </html>
      <table>
        <search>
          <query>SomeQueryThatReturnsNothing</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">cell</option>
        <option name="refresh.display">progressbar</option>
      </table>
    </panel>
    <panel id="bottomleft">
      <title></title>
      <chart>
        <search>
          <query>SomeQueryThatReturnsNothing</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="refresh.display">progressbar</option>
      </chart>
    </panel>
    <panel id="right">
      <title></title>
      <table>
        <search>
          <query>SomeQueryThatReturnsNothing</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">cell</option>
        <option name="refresh.display">progressbar</option>
      </table>
    </panel>
  </row>
</dashboard>

 

What I would like to achieve is:

  • The panel with id="right" to be full height so that I have 2 small panels stacked on each other on the left and one big panel on the right that fully populates the screen

I have tried playing with height but it doesn't seem to affect the panel in any way.

Could anyone help me out with this issue?

Thanks in advance.

Labels (3)
0 Karma

bport15
Path Finder

@Bleepie I had the same question and found the answer to this in another post.  You might want to check this out if you haven't solved for this already.

https://community.splunk.com/t5/Dashboards-Visualizations/how-to-rearrange-visualisation-with-two-pa...

0 Karma

richgalloway
SplunkTrust
SplunkTrust

What you are trying to do is not possible with Simple XML.  The new dashboard framework allows for a more flexible layout, but may not have the other features your dashboard needs (yet).

---
If this reply helps you, Karma would be appreciated.

Bleepie
Communicator

Thanks for your reply. I'll check it out!

0 Karma
Get Updates on the Splunk Community!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...