Solved: Add spaces between rows in dashboard

balash1979 · ‎10-02-2019

I have the following code in my dashboard and I want to see spaces between rows

<dashboard theme="dark">
<row>   <--- 1st row
<panel>
<title>
<search> </search>
</panel> 
</panel>
<title>
<search> </search>
</panel>
</row>
<row> <---- 2nd row starts

Basically, i have 2 rows. Each row has 2 panels. How can I add a space between 2 rows so my dashboard is readable ?

gcusello · ‎10-02-2019

Hi balash1979,
probably there's an error in your question, at row 7 it's <panel> instead </panel>,otherwise it doesn't run! 😉

Anyway, to add an empty row you can insert an html box in a row:

<row>
     <panel>
          <html>
               <div style="width:100%;height:100%;text-align:center;">
               </div>
          </html>
     </panel>
</row>

On which you can choose the dimension of the box.

Bye.
Giuseppe

View solution in original post

gcusello · ‎10-02-2019

Hi balash1979,
probably there's an error in your question, at row 7 it's <panel> instead </panel>,otherwise it doesn't run! 😉

Anyway, to add an empty row you can insert an html box in a row:

<row>
     <panel>
          <html>
               <div style="width:100%;height:100%;text-align:center;">
               </div>
          </html>
     </panel>
</row>

On which you can choose the dimension of the box.

Bye.
Giuseppe

balash1979 · ‎10-02-2019

You are correct. There is a typo in my original code.

Add spaces between rows in dashboard

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!