Grid column texts overlap each other

5 posts, 1 answers
  1. Peter Steiness
    Peter Steiness avatar
    3 posts
    Member since:
    Jan 2004

    Posted 13 May 2011 Link to this post

    Hello everyone,

    I am having issues with the ajax gridview control in an ASP.NET web project, and the problem seems to be simple.
    The grid I am using has several columns with cells that contains alot of text. And these texts are overlapping each other. My first thought to this issue was a missing attribute.

    Lets say, I have 5 columns, each column as default gets a 20% space for text to be displayed, however, the text in the cells doesn't stay within these 20% and overlaps the other cells creating a huge mess.

    This happens in IE9 without compatibility view, Chrome, Opera and Safari.

    BUT ... wait for it ... this isn't an issue in IE9 with compatibility view, IE7 / IE8 and the new Firefox browser.

    Can I somehow post images to give a better view of what I'm referring to?

    Appreciate any helpful replies/statements!

    - Boesgaard
  2. Gimmik
    Gimmik avatar
    170 posts
    Member since:
    May 2011

    Posted 16 May 2011 Link to this post

    Hi Philip,

    Can you post some screen shots of what you are seeing? Text-wrapping might work but I would still like to see what you are seeing before I make a recommendation.

    Thanks,
    -Gimmik
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 17 May 2011 Link to this post

    Hello Philip,

    Please check the following forum thread which discussed similar scenario.
    http://www.telerik.com/community/forums/aspnet/grid/column-text-overlapping-over-the-next-column-in-firefox.aspx#963329

    Thanks,
    Princy.
  5. Peter Steiness
    Peter Steiness avatar
    3 posts
    Member since:
    Jan 2004

    Posted 17 May 2011 Link to this post

    Hello, thanks for your reply

    I have attached two pictures, one with compatibility and the other without (where it goes bananas).

    I tried it out in various browsers to see if that was the issue, only firefox shows it correctly and IE with compatibility.

  6. Peter Steiness
    Peter Steiness avatar
    3 posts
    Member since:
    Jan 2004

    Posted 17 May 2011 Link to this post

    I managed to solve the problem with the link posted above, simply said, it was a style "overflow: hidden;" that was needed.

    Thank you :)
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017