Rotating an HTML textbox

[Derek]

Hello,

I am currently working on a report that will print on a #10 envelope. For this report, all textboxes must be rotated 270 degrees (vertical).

I have no problems rotating normal textboxes from the properties menu. However, I also have an HTML textbox that must be rotated.

I have tried the following HTML expressions in an attempt to rotate the text. Neither one was successful.

Expression 1:

<div style="transform: rotate(270deg)">

{Fields.client_addr1}

<br>

{Fields.client_addr2}

</div>

Expression 2:

<div>

{Fields.client_addr1}

<br>

{Fields.client_addr2}

</div>

<style>

div {transform: rotate(270deg)}

</style>

 

Please let me know if I'm doing something wrong, or if this isn't possible.

Thanks!

[Dimitar]

Hello Derek,

Thank you for the provided information regarding your case.

It will not be possible to rotate the text within the HtmlTextBox via the transform CSS attribute because it is not supported, you may see the full list of supported CSS anD HTML in the Styling and Formatting the HtmlTextBox Report Item - Telerik Reporting article.

As a workaround, you may try to render the rotated HTML to an image and you may display it in the report via the PictureBox report item - Display, unsupported by the HtmlTextBox, HTML and CSS content in your reports. - Telerik Reporting.

I hope the workaround will work for your case, please let me know if you have any other questions.

Regards,
Dimitar
Progress Telerik