borders in small multiple

#1

Hi,

I have a small multiple which I am trying to style, Specifically, I am trying to have a grey bar separating each row including row headers, and have a kind of border around the header row (but not between header cells).

sm
sm.png1398×412 29 KB

In this beautiful small multiple:

    1. and 3) should go up to the left
    1. should not exist.

Those borders are actually 2 different types of borders:

  • the grey one (2) is a row separator line for the small multiple main cell. How can I have it extend to the header row? Or how can I set the same to the header row?
  • the green one (1 and 3) is actually the border of the one label taking 100% of the area of the column header cell. I could do the same to the leftmost label in the header, but the issue of left and right borders still remains. Is there a way to disable right and left borders?

Cheers,

#2

Hi,

There isn’t a row (or column) separator line property yet for any headers in small multiples or reports, so I added you to a feature request for this.

If you’re using a label to display some of those borders, you can expand the Border property and set Left and Right to 0, which I think should work to display only horizontal lines. You can do this with the label in the corner as well.

The label in the row header could be given a border only along the bottom, but to make this match up with the main cells I think you’ll need to position the row separator in a similar way there yourself rather than use the Row Separator Lines property.

Hope that works for you.
Jamie

#3

Hi Jamie,

Expanding the border property is actually possible for html labels, but not for data labels. I didn’t notice it at first (and I think it would be nice to have it available for all types of labels) but now that I know, the workaround is easy: I just add an empty html label, using 100% of the area, with a low z-index.

Thanks!

#4

Great - data labels will have the same border options in version 7 for wherever you use those, but for now yes, you could place a regular Label, HTML Label.