topic How to group multiple panels and place them horizontally within one panel? in Dashboards & Visualizations

How to group multiple panels and place them horizontally within one panel?

splunker1981 — Fri, 28 Oct 2016 16:41:52 GMT

Hello all,

Anyone know how to group multiple panels and have them all placed horizontally within one panel? It looks like with the upgrade I did row grouping no longer works. I have a bunch of horseshoe meters that I would like to put in one panel next to each other. When I add the code below it shows each value below one another. I would like to have them next instead of below.

  <row>
    <panel>
      <viz type="horseshoe_meter_app.horseshoe_meter">
        <search>
          <query></query>
      </viz>
      <viz type="horseshoe_meter_app.horseshoe_meter">
        <search>
          <query></query>
      </viz>
    </panel>
  </row>

Re: How to group multiple panels and place them horizontally within one panel?

rjthibod — Fri, 28 Oct 2016 17:25:40 GMT

I think part of your post got cut off. Can you review it and make sure you completed your thought?

If you are talking about having multiple charts in one row of a dashboard, you would do the following where you would put three charts in one row of the dashboard.

<row>
  <panel>
    <title></title>
    <chart>...</chart>
  </panel>
  <panel>
    <title></title>
    <chart>...</chart>
  </panel>
  <panel>
    <title></title>
    <chart>...</chart>
  </panel>
</row>

Re: How to group multiple panels and place them horizontally within one panel?

cmerriman — Fri, 28 Oct 2016 17:29:48 GMT

this shows, for all single values (you should be able to change them to tables/charts/etc.), searches in one panel on one line, and then the html part breaks it into another row, if wanted. To keep things on one line, you just don't want <row> between the <panel>

  <panel>
      <single>
        <search>
          <query>....</query>
        </search>
        <option name="drilldown">none</option>
      </single>
      <single>
        <search>....</query>
        </search>
        <option name="drilldown">none</option>
      </single>
      <html tokens="true" encoded="true">
        <![CDATA[
        <br/>
       ]]>
      </html>
      <single>
        <search>
          <query>....</query>
        </search>
        <option name="drilldown">none</option>
      </single>
      <single>
        <search>
          <query>....</query>
        </search>
        <option name="drilldown">none</option>
      </single>
      <single>
        <search>
          <query>....</query>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>

Re: How to group multiple panels and place them horizontally within one panel?

splunker1981 — Tue, 01 Nov 2016 14:05:54 GMT

Thanks for the reply. Looks like the issue is with using the horseshoe meter - I tried the code with single value and it does what I would like it to do. Any idea how to get the meter to display next to each other in one panel?

Re: How to group multiple panels and place them horizontally within one panel?

jslealdi — Fri, 28 Jun 2019 15:33:40 GMT

Can I have a title for the row containing the three panels?

Re: How to group multiple panels and place them horizontally within one panel?

sbattista — Wed, 16 Jun 2021 20:27:25 GMT

hope this helps,
I build out my dashboard panels and then, I edit the XML and remove
</panel>
</row>
<row>
<panel>

between the panels I want to stack into into one panel. i am on- 8.2.0