Question
Nested AJAX
So, I've put together a dashboard using AJAX and it displays
perfectly using IE6 and Firefox. IE7 is another story.
Basically, there's three templates, main.cfm, m_output.cfm and m_chart.cfm. The main.cfm starts out with an hbox layout where the source for each hbox comes from m_output.cfm. m_output.cfm also contains an hbox layout. m_chart dynamically creates cfpods for each measurement. I've attached code here, but it's not all the code on each page...it's just to illustrate how I've nested the AJAX so you can see how I've gotten to this point. Anyway, it displays perfectly in Firefox and IE6, where as, the pods go about five across and then start a new row, laying out on the page as you would expect. However, in IE7, it tries to go six pods across and I get the dreaded scroll bars on the sixth pod, therefore forcing the user to use the scroll bar to see the contents of the sixth pod. Have I discovered a bug? Has anyone tried this? I'm sure there's nothing I can do in my code to change this, but I thought it would be worth posting with the hope for a fix to the AJAX/Jscript behind the scenes.
Here's some screen shots for illustration purposes.
Correct display using Firefox:
http://www.bhshealth.org/images/firefox_ss.jpg
The display issue I'm having with IE7:
http://www.bhshealth.org/images/ie7_ss.jpg
Any ideas? Thoughts?
JC
Basically, there's three templates, main.cfm, m_output.cfm and m_chart.cfm. The main.cfm starts out with an hbox layout where the source for each hbox comes from m_output.cfm. m_output.cfm also contains an hbox layout. m_chart dynamically creates cfpods for each measurement. I've attached code here, but it's not all the code on each page...it's just to illustrate how I've nested the AJAX so you can see how I've gotten to this point. Anyway, it displays perfectly in Firefox and IE6, where as, the pods go about five across and then start a new row, laying out on the page as you would expect. However, in IE7, it tries to go six pods across and I get the dreaded scroll bars on the sixth pod, therefore forcing the user to use the scroll bar to see the contents of the sixth pod. Have I discovered a bug? Has anyone tried this? I'm sure there's nothing I can do in my code to change this, but I thought it would be worth posting with the hope for a fix to the AJAX/Jscript behind the scenes.
Here's some screen shots for illustration purposes.
Correct display using Firefox:
http://www.bhshealth.org/images/firefox_ss.jpg
The display issue I'm having with IE7:
http://www.bhshealth.org/images/ie7_ss.jpg
Any ideas? Thoughts?
JC
AdChoices