Hi There,
I'm working on a report, and my boss has requested that I rotate labels to make that list easier to read. I've been able to flip them 90 degrees, but it only does 90 degrees clockwise, which is not as easy to read as 90 degrees counter clockwise.
Is there a way to rotate labels counter clockwise?
Thanks,
Eric
Quote from: erics on 16 Oct 2015 09:30:47 AM
Hi There,
I'm working on a report, and my boss has requested that I rotate labels to make that list easier to read. I've been able to flip them 90 degrees, but it only does 90 degrees clockwise, which is not as easy to read as 90 degrees counter clockwise.
Is there a way to rotate labels counter clockwise?
Thanks,
Eric
There was a very recent post on this topic that you can read here (http://www.cognoise.com/index.php/topic,29260.msg94520.html#msg94520)
If you find a way to flip it the other way I'd love to know how.
So, I fiddled around, and found that placing these tasks around the label works for rotating the label.
However, it looks terrible. Completely no aligned, mostly off screen, with its cell 3 times the size of the next one.
<div id="mydiv" style="height:333; width:333;filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'">
TEXT
</div>
Please be aware that your CSS is only going to work in IE. I am not sure if Win10's new Edge browser will even support it. Also, you have defined height/width without specifying the measurement, in which case I am not sure but it might use px i.e. pixels. Which could explain the messy result.
There are CSS3 styles for rotating text but as with a lot of CSS3 things, browser support is iffy. Check these links.
http://www.w3schools.com/cssref/css3_pr_transform.asp (http://www.w3schools.com/cssref/css3_pr_transform.asp)
http://www.htmlgoodies.com/html5/css/css-cross-browser-text-rotation.html (http://www.htmlgoodies.com/html5/css/css-cross-browser-text-rotation.html)