Rotating an HTML textbox

1 Answer 222 Views
General Discussions Report Designer
Derek
Top achievements
Rank 1
Iron
Derek asked on 21 Mar 2023, 08:33 PM

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!

1 Answer, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 24 Mar 2023, 11:59 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
General Discussions Report Designer
Asked by
Derek
Top achievements
Rank 1
Iron
Answers by
Dimitar
Telerik team
Share this question
or