Solved: Re: 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?

Can’t make it to .conf25? Join us online!

Leveraging Automated Threat Analysis Across the Splunk Ecosystem

Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions

Are you a member of the Splunk Community?

How to format panels in CSS?

Can’t make it to .conf25? Join us online!

Leveraging Automated Threat Analysis Across the Splunk Ecosystem

Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions