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

10 posts, 0 answers
  1. Baz
    Baz avatar
    9 posts
    Member since:
    Jul 2007

    Posted 17 Apr 2013 Link to this post

    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?

  2. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 19 Apr 2013 Link to this post

    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.

  3. DevCraft banner
  4. Baz
    Baz avatar
    9 posts
    Member since:
    Jul 2007

    Posted 09 May 2013 Link to this post

    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.
  5. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 14 May 2013 Link to this post

    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.

  6. Sunita
    Sunita avatar
    25 posts
    Member since:
    May 2009

    Posted 03 Sep 2013 Link to this post

    We have the same issue with the html textbox. See attached image for the issue.
  7. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 04 Sep 2013 Link to this post

    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.

  8. Rosmos
    Rosmos avatar
    1 posts
    Member since:
    May 2012

    Posted 17 Jul 2014 Link to this post

    Have you found a solution for this yet? I'm having the same problem.
  9. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 18 Jul 2014 Link to this post

    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.

     
  10. Steve
    Steve avatar
    1851 posts
    Member since:
    Dec 2008

    Posted 01 Jun 2015 in reply to Stef Link to this post

    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.
  11. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 02 Jun 2015 Link to this post

    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
Back to Top
DevCraft banner