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?

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Your Feedback. Our Roadmap. Visit the PX Feedback Booth at .conf26

Agentic SOC Triage: Investigating Splunk ES Notables with MCP Server and a Local LLM

Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas

Join the Conversation