Dashboards & Visualizations

Move Trellis Chart Components Closer Together

ksextonmacb
Path Finder

I have a trellis chart in a panel on a dashboard that is a collection of pie charts.

I need to add a new pie chart, but doing so brings up a scroll wheel on the side of the panel and doesn't show the 7th chart unless the user scrolls. Project requirements dictate that I cannot expand the panel or make the user scroll for the information.

I want to move the pie charts closer together within the trellis, so that more charts can fit. I probably need to decrease the horizontal spacing of the pie charts within the trellis, but I don't know how.

Does anyone know how to do that?

alt text

0 Karma
1 Solution

rjthibod
Champion

For the simple case I played with, I was able to accomplish this using some CSS in SimpleXML. Try adding this to your SimpleXML before the closing <dashboard> or <form> element.

  <row depends="$cssHidden$">
    <html>
      <style>
        .viz-panel {
          width: 200px !important;
        }
      </style>
    </html>
  </row>

View solution in original post

rjthibod
Champion

For the simple case I played with, I was able to accomplish this using some CSS in SimpleXML. Try adding this to your SimpleXML before the closing <dashboard> or <form> element.

  <row depends="$cssHidden$">
    <html>
      <style>
        .viz-panel {
          width: 200px !important;
        }
      </style>
    </html>
  </row>

View solution in original post

timpacl
Path Finder

What if I have multiple trellis panels and I only want the spacing custom on one or I want different custom spacing on each?

I tried adding "id=customtrellis" to the panel and setting:

<style>
  #customtrellis.viz-panel {
    width: 16% !important;
  }
</style>

 That doesn't work. Any suggestions?

0 Karma

timpacl
Path Finder

I think I got it. added a space between the id and the class:

<style>
  #customtrellis .viz-panel {
    width: 16% !important;
  }
</style>

 

0 Karma

ksextonmacb
Path Finder

That was the variable I needed, thanks.

200px actually pushed things farther apart; I ended up with 110px.

0 Karma
Register for .conf21 Now! Go Vegas or Go Virtual!

How will you .conf21? You decide! Go in-person in Las Vegas, 10/18-10/21, or go online with .conf21 Virtual, 10/19-10/20.