Legend Display in nested pages

3 posts, 0 answers
  1. Joan
    Joan avatar
    44 posts
    Member since:
    Dec 2011

    Posted 14 Jul 2013 Link to this post

    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. Joan
    Joan avatar
    44 posts
    Member since:
    Dec 2011

    Posted 14 Jul 2013 Link to this post

    The problem is solved.  I found another post in the forum suggesting the use of ContentUrl property of the pageview. 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Joan
    Joan avatar
    44 posts
    Member since:
    Dec 2011

    Posted 14 Jul 2013 Link to this post

    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.
Back to Top