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.
7 Answers, 1 is accepted
0
ts
Top achievements
Rank 1
Rank 1
answered on 21 Aug 2014, 08:41 PM
We are using Assembly Version : 2014.1.403.35.
0
ts
Top achievements
Rank 1
Rank 1
answered on 21 Aug 2014, 09:15 PM
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.
Please help me.
0
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
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.
0
ts
Top achievements
Rank 1
Rank 1
answered on 26 Aug 2014, 03:55 PM
By forcing to view in IE8, I was able to fix this issue.
0
ts
Top achievements
Rank 1
Rank 1
answered on 07 Sep 2014, 11:02 PM
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">
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">
0
ts
Top achievements
Rank 1
Rank 1
answered on 09 Sep 2014, 02:34 AM
Not necessarily Maria, anyone can help.
0
ts
Top achievements
Rank 1
Rank 1
answered on 10 Sep 2014, 07:04 PM
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>
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>