Solved: How to format panels in CSS?

jip31 · ‎03-18-2019

Hello

In my dashboard I have a 4 panels
2 panels in one row and two panels in a second row
I want to separate the 2 panels on the left with the 2 panels on the right with a 50px vertical row
could you help me please

<form>
    <panel>
      <html>


              <style>
               </style>

            </html>
    </panel>

 <row>
    <panel >
    </panel>
    <panel
    </panel>
  </row>

<row>
    <panel>
    </panel>
    <panel>
    </panel>
  </row>
</form>

niketn · ‎03-18-2019

@jip31 try the following:

<form>
  <label>Panel Padding Right</label>
  <row>
     <panel id="panel1">
       <html>
       <style>
         #panel1 .dashboard-panel,
         #panel3 .dashboard-panel
         {
            margin-right: 50px !important;
         }
       </style>
         Panel 1
       </html>
     </panel>
     <panel id="panel2">
       <html>
         Panel 2
       </html>
     </panel>
  </row>
  <row>
     <panel>
       <html>
         Panel 3
       </html>
     </panel>
     <panel>
       <html>
         Panel 4
       </html>
     </panel>
  </row>
 </form>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

niketn · ‎03-18-2019

@jip31 try the following:

<form>
  <label>Panel Padding Right</label>
  <row>
     <panel id="panel1">
       <html>
       <style>
         #panel1 .dashboard-panel,
         #panel3 .dashboard-panel
         {
            margin-right: 50px !important;
         }
       </style>
         Panel 1
       </html>
     </panel>
     <panel id="panel2">
       <html>
         Panel 2
       </html>
     </panel>
  </row>
  <row>
     <panel>
       <html>
         Panel 3
       </html>
     </panel>
     <panel>
       <html>
         Panel 4
       </html>
     </panel>
  </row>
 </form>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

jip31 · ‎03-18-2019

RENJITH
Its not exactly want i want
I need a space at the place where there is the yellow line (see screenshot)

jip31 · ‎03-18-2019

sorry it works now! thanks

How to format panels in CSS?

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!