Dashboards & Visualizations

How to position my two single value dashboards side by side?

forkingforwardt
Engager

Hello. I would like to position my two single values dashboards side by side like this. I need help on the xml code please

alt text

0 Karma

ldongradi_splun
Splunk Employee
Splunk Employee
  • First, in UI : add all the reports you want in your final dashboard (be sure they are programmed reports).
  • Then organise your left panel (the final left dashboard as you would name it) with 7 panels side by side.
  • Organise the 1st row (it contains 7 panels) : Edit the source, remove the end of the previous </panel> and the beginning of new <panel> between the 7 panels of the 1st row. All the reports will belong to the same panel.
  • You then add an HTML entry to create a new line where you want : after the 1st header report, and after each set of 3 single values reports. A simple <html> Make a new line </html> will make it.
  • Now that you have 1 single panel containing the 7 reports organised as you wanted them (from your graphic, it's the left dashboard), move one of the other reports to the right of this panel, so it creates a second panel (you called it the right dashboard)
  • Edit the source, and use the same syntax to place all your remaining reports where you want, in one single panel.

alt text

<dashboard>
  <label>Multiple Panel DB</label>
  <row>
    <panel>
      <title>Left Panel</title>
      <single>
        <title>Avg Errors by minute by server</title>
        <search>
          ...
        </search>
      </single>
      <html>By Servers</html>
      <single>
        <title>SV1</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>SV2</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>SV3</title>
        <search>
          ...
        </search>
      </single>
      <html>New line</html>
      <single>
        <title>SV4</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>SV5</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>SV6</title>
        <search>
          ...
        </search>
      </single>
    </panel>
    <panel>
      <title>Right Panel</title>
      <single>
        <title>Avg Errors by minute by USER</title>
        <search>
          ...
        </search>
      </single>
      <html>By Users</html>
      <single>
        <title>USR1</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>USR2</title>
        <search>
          ...
        </search>
      </single>
      <single>
        <title>USR4</title>
        <search>
          ...
        </search>
      </single>
    </panel>
  </row>
</dashboard>

cmerriman
Super Champion

do you mean dashboard panels, not dashboards? Try what i have below. the html parts break my single values to a new line in the panel.

EDITED:

    <row>
 <panel>
 <title>COUNTS BY SERVERS</title>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=.....</option>
       </single>
       <single>
         <search>
           <query>....</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <single>
         <search>
           <query>....</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <html tokens="true" encoded="true">
         <![CDATA[
         &lt;br/&gt;
         ]]>
       </html>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <single>
         <search>
           <query>....</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
 </panel>
 <panel>
 <title>COUNTS BY USERS</title>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=.....</option>
       </single>
       <single>
         <search>
           <query>....</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <single>
         <search>
           <query>....</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <html tokens="true" encoded="true">
         <![CDATA[
         &lt;br/&gt;
         ]]>
       </html>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
       <single>
         <search>
           <query>...</query>
           <earliest>$time.earliest$</earliest>
           <latest>$time.latest$</latest>
         </search>
         <option name=...</option>
       </single>
 </panel>
 </row>

forkingforwardt
Engager

Thank you. But i want to space my single values exactly as on the image. How can i do?

0 Karma

cmerriman
Super Champion

see edited above.

0 Karma

forkingforwardt
Engager

i see nothing

0 Karma

cmerriman
Super Champion

what do you mean? you see nothing in your dashboard? did you replace the queries ad the options? earliest and latest?

0 Karma

forkingforwardt
Engager

I said i want to horizontally space cells of the dashboard . What do you mean by replace the queries by the options?

0 Karma

forkingforwardt
Engager

On the picture you can see: After the first single value, there is a space before the second one. That is exactly what i need. Thanks

0 Karma