Pivotgrid alignment Issue

8 posts, 0 answers
  1. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 21 Aug 2014 Link to this post


    Hi,

    I am having Pivotgrid row alignment issue when IE8 compatibility View settings turned on. Unfortunately, this is the default setting on all the users machine.

    Please find the attached images with / without compatibility settings.

    Thanks.
  2. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 21 Aug 2014 in reply to ts Link to this post

    We are using Assembly Version : 2014.1.403.35.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 21 Aug 2014 in reply to ts Link to this post

    One more thing, it works fine locally irrespective of settings. This issue is when we deploy into any of the environment (DEV/QA/PROD).
     
    Please help me.
  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 26 Aug 2014 Link to this post

    Hi,

    Based on the provided screenshots only it is rather difficult to deter min what exactly is causing the issue on your end.
    Could you please post your page markup and related code behind so that we could inspect your PivotGrid configuration and advise you further?
    Also it will be of a big help if you could point an online demo for the RadPivotGrid control that demonstrates the same problematic behavior.


    Regards,
    Maria Ilieva
    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.

     
  6. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 26 Aug 2014 Link to this post

    By forcing to view in IE8, I was able to fix this issue.
  7. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 07 Sep 2014 in reply to Maria Ilieva Link to this post

    Maria,

    I still have issues at my end. Can you please let me know how to handle the height issue through Css.

    In IE 8 :

    <TBODY>
    <TR style="HEIGHT: 110px">

    In IE8 Compatibility Mode:

    <TBODY>
    <TR style="HEIGHT: 103px">
  8. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 08 Sep 2014 in reply to ts Link to this post

    Not necessarily Maria, anyone can help.
  9. ts
    ts avatar
    13 posts
    Member since:
    Aug 2014

    Posted 10 Sep 2014 in reply to ts Link to this post

    I was able to fix the issue. 

    I added below css to the page based on a forum member's code ( http://www.telerik.com/forums/rows-and-columns-alignment-problem) .

    <style type="text/css">
    #ctl00_ContentPlaceHolder1_RPG_YearToYearSales_OT> tbody> tr> td.rpgRowsZone
    {
    height:103px !important;
    }

    #ctl00_ContentPlaceHolder1_RPG_YearToYearSales_ctl00_DataZone_DT> thead > tr
    {
    height:18px !important;
    }
    </style>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017