K2 smartforms: CSS hack to rotate Data Label text

Do you want to have a section title that looks like this?

Left rotated section title

If you do, this is the CSS hack/trick to make it happen:

  1. Add the following style to your selected Theme’s CSS file.
  2. Next, in your View or Form, add a Label and fill in the Text as “rotate-left”. Notice that this is the value of the title attribute of the style above.

    Set Label’s Text property to “rotate-left”
  3. Add a Data Label right after Label configured above. There’s no special settings for this control.

    Data Label right after the Label with “Title” = “rotate-left”
  4. Restart your IIS if required and test the Form and the Data Label‘s text will be rotated.

    Final Outcome

Leave a Reply

Your email address will not be published. Required fields are marked *