This is a migrated thread and some comments may be shown as answers.

HtmlTextBox CanGrow incorrect HTML/CSS causing content to be cut off.

9 Answers 97 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Baz
Top achievements
Rank 1
Baz asked on 17 Apr 2013, 09:00 PM
I'm using Telerik Reporting 7.0.13.220.

When I create an HtmlTextBox on a report and set the CanGrow property to true, it will output the following HTML/CSS in the web viewer:

.s6 {font-family:Segoe UI;font-size:11px;color:Black;word-wrap:normal;white-space:nowrap;padding-left:0px;padding-right:1px;padding-top:0px;padding-bottom:-2px}

<div title="" class="commsHtmlBox s6" style="position:absolute;overflow:hidden;left:634px;top:69px;width:363px;height:77px;">
  <div class="html-root" style="margin-top:0px;">
    <p class="s1">content</p>
  </div>
</div>

When the white-space attribute is set to "nowrap" longer lines in the HtmlTextBox are cut off and do not display properly.  When I remove the white-space attribute using Chrome's developer tools, the content displays correctly.  Since this CSS is coming from an .axd request and is generated from the web viewer's iframe, I cannot override this value.  Is there a workaround for this?

9 Answers, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 19 Apr 2013, 05:09 PM
Hello Baz,

Please test our latest internal build for Telerik Reporting Q1 2013 where we have fixed an issue with HtmlTextBox item rendering. If the issue with the text cut off still persists try adding <br/> tags at the end of the item content, this will assure additional space in the item.

I hope this helps.

Regards,
Stef
the Telerik team

Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

0
Baz
Top achievements
Rank 1
answered on 09 May 2013, 07:55 PM
Stef,

I finally got around to installing the latest build (7.0.13.426).  The problem still persists.  And I'm sorry, I should have been more specific.  The text is cut-off horizontally, not vertically.
Sunkam
Top achievements
Rank 1
commented on 25 Jun 2021, 09:16 AM

Hi Stef is there any work around solution for this am having same issue
Sunkam
Top achievements
Rank 1
commented on 25 Jun 2021, 09:23 AM | edited

Hi Baz did you find anything solution if yes please provide solution this is my code

Me.HtmlTextBox1.Value = "<span style=""word-wrap: break-word;"">{Replace(Fields.descr_corr_action_descr, ""&""" &
", ""&amp;"")}</span>"
' pls provide solution htmltextbox text is cut off
0
Stef
Telerik team
answered on 14 May 2013, 01:51 PM
Hello Baz,

The CanGrow property allows the item to grow vertically, not horizontally. You can find attached a sample report, created with Telerik Reporting Q1 2013 SP1, where the HtmlTextBox property CanGrow property is set to True and the content of the item is properly split in lines.

If we have misunderstood your issue, post the code of your report definition and some data reproducing the problem or even better open a support ticket and send us a whole runnable sample project.

Greetings,
Stef
the Telerik team

Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

0
Sunita
Top achievements
Rank 1
answered on 03 Sep 2013, 05:14 PM
We have the same issue with the html textbox. See attached image for the issue.
0
Stef
Telerik team
answered on 04 Sep 2013, 11:04 AM
Hi Sunita,

This is a know issue, which we have verified and logged into our system for improvement. We will provide a fix in a subsequent Telerik Reporting release.

Regards,
Stef
Telerik

Have you tried the new visualization options in Telerik Reporting Q2 2013? You can get them from your account.

0
Rosmos
Top achievements
Rank 1
answered on 17 Jul 2014, 01:47 PM
Have you found a solution for this yet? I'm having the same problem.
0
Stef
Telerik team
answered on 18 Jul 2014, 04:48 PM
Hello Rosmos,

The issue is related to how different browser layout engines interpret the same content. Thus you need to select a font with proper style and test the rendered output in the browsers listed in your requirements. To adjust the content you can test different fonts and the item's Style.Padding properties.

Regards,
Stef
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Steve
Top achievements
Rank 2
Veteran
answered on 01 Jun 2015, 07:13 PM
Anyone have a fix for this??  Using 9.0.15.225 and the right-most text on every line is completely cutoff, even on PDF export so I have a hard time believing it's browser related.
0
Stef
Telerik team
answered on 02 Jun 2015, 03:39 PM
Hi Steve,

The issue in your case was caused by a docked TextBox/HtmlTextBox item that resizes depending on the container in such case, where the container was split due to horizontal paging.

If you need further help, please let us continue the discussion in your support ticket on the same question.

Regards,
Stef
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Sunkam
Top achievements
Rank 1
commented on 25 Jun 2021, 09:25 AM | edited

HI Stef ,
Me.HtmlTextBox1.Value = "<span style=""word-wrap: break-word;"">{Replace(Fields.descr_corr_action_descr, ""&""" &
", ""&amp;"")}</span>"
'
this is my code pls provide solution htmltextbox text is cut off
Dimitar
Telerik team
commented on 30 Jun 2021, 08:10 AM

Hello Sunkam,

I noticed that you have made a new forum thread regarding this issue. Since there was more information provided in there, I decided to continue the discussion regarding your problem in that thread, please check my reply - HTMLTEXTBOX CUTOFF CONTENT.

Tags
General Discussions
Asked by
Baz
Top achievements
Rank 1
Answers by
Stef
Telerik team
Baz
Top achievements
Rank 1
Sunita
Top achievements
Rank 1
Rosmos
Top achievements
Rank 1
Steve
Top achievements
Rank 2
Veteran
Share this question
or