topic Re: How to format panels in CSS? in Dashboards & Visualizations

How to format panels in CSS?

jip31 — Mon, 18 Mar 2019 08:23:28 GMT

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>

Re: How to format panels in CSS?

niketn — Mon, 18 Mar 2019 08:42:05 GMT

@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>

Re: How to format panels in CSS?

jip31 — Mon, 18 Mar 2019 09:08:16 GMT

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

Re: How to format panels in CSS?

jip31 — Mon, 18 Mar 2019 09:14:07 GMT

sorry it works now! thanks