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?

Introducing the 2024 SplunkTrust!

Introducing the 2024 Splunk MVPs!

Splunk Custom Visualizations App End of Life