Slanted table headings in PDF output using CSS transforms

[Graham Campbell]

I can use CSS inside a style sheet to produce a slanted table heading like this:

slanted_header.png

To achieve that effect I used the following CSS:

Code: Select all

th.skew {
    height: 100px;
    width: 40px;
    position: relative;
    vertical-align: bottom;
    -webkit-transform: skewX(-45deg);
    -webkit-transform-origin: 60% 100%;
    -o-transform: skewX(-45deg);
    -o-transform-origin:60% 100%;
    transform: skewX(-45deg);
    transform-origin: 60% 100%;
}

The key point obviously being the transforms.

What I can't figure out is how to replicate this same effect inside Flare. I get nothing if I try to use the same CSS in a blank project. The end goal is to have this output in a printed PDF, which I know doesn't support a lot of styles, but I can't figure out why not these ones. Anyone come across this situation and found a resolution before?

Any advice on this would be very appreciated.

Cheers,
G

[sburton]

Anyone get this one figured out? I have a client who needs this look in some of their tables.

[Nita Beck]

Sharon, Graham had cross-posted this on LinkedIn. Looks like the short answer is that it's not possible at this time, that is, directly achieved with Flare. Respondents offered some workarounds.

http://linkd.in/1gRAW4h