Document Template- rotating text

0
Hello, I am developing an app and I am trying to use the custom styling in the document template to rotate my text 90 degrees however I receive this error: “Invalid property encountered on "fo:block": transform (See position 62:3035)”  Does anyone know how to make sideways facing text in mendix? Thank you!
asked
1 answers
0

Yep, with some css-trickery doing “transform: rotate(90deg);” but unfortunately every browser has its own taste, so best define a class ‘rotate’ and assign it each possible browser-slang:

.rotate {

  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

I am hoping for a better solution though… but I guess this is as good as it gets. Found an alternative on https://sass-lang.com/guide under mixins:

answered