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

Legend Display in nested pages

2 Answers 58 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Joan
Top achievements
Rank 1
Joan asked on 15 Jul 2013, 03:05 AM
Hello,
I have a pie chart in a user control, in an aspx page.  When I view this page all is as it should be.
However, the aspx page is in an iFrame in a multipage and this causes display problems.
When the outer page is loaded or resized each iFrame is resized to the height of the screen ($(window).innerHeight() less an allowances for the tabstrip..
For the HTMLChart the 5 item legend is displayed on one line as per the image attached.
There is also a problem with the display of a grid on the same page.  The grid is set to a height of 250px but when it has more data and needs to scroll it is not contained within the 250px height. Setting the height of this iFrame containing this page to the actual height of the user control (852px)does not fix the problem.
If the user control is in the multipage the display is correct, so it appears to be the iFrame causing the problem.
I need to use iFrames as there may be more dashboards added to the top page in coming months and I think they will blow the page size through the roof. There are already 3 dashboards in the lineup.

2 Answers, 1 is accepted

Sort by
0
Joan
Top achievements
Rank 1
answered on 15 Jul 2013, 04:10 AM
The problem is solved.  I found another post in the forum suggesting the use of ContentUrl property of the pageview. 
0
Joan
Top achievements
Rank 1
answered on 15 Jul 2013, 04:57 AM
Maybe it isn't fixed. IE8 is handling this correctly, but IE10 is not. IE10 is setting the iFrame height to 100% but from what I understand, iFrames heights need to be pixels, so the IE10 iFrame is 150px high. I have reinstated the javascript that sets the height and switched it from the nested iframe to the pageview.  Now all is well in both IE8 and IE10 and the pie chart legend is correct as is the sizing and scrolling of the grid at the bottom of the page.
Tags
Chart (HTML5)
Asked by
Joan
Top achievements
Rank 1
Answers by
Joan
Top achievements
Rank 1
Share this question
or