Steven Bixby
Top achievements
Rank 1
Rank 1
Steven Bixby
asked on 30 Nov 2008, 10:32 PM
I have a page that works fine in Firefox, but does some strange stuff in Explorer. I'm using 2008 Q2 version.
The original page had a single normally-functioning RadGrid, wrapped in a PageView and Multipage controls; there's a menu bar at the top of the page, outside of the PageView. The menu bar is loaded as a custom control in a panel at runtime, since the application has customized uses for application-specific forms, and general forms for all of the uses.
With that all in mind, it's been working great this way. Until I added two more RadGrids to the page that serve as multi-column listboxes, to go along with several label/textbox pairs of other data. The headers are disabled, sorting/paging/grouping is all disabled. Client side scrolling is enabled, and the containing DIV's style sets the height and width of the grid The two smaller RadGrids are used as two-way pickers for details of the items in the main RadGrid.
Under firefox this is working great, but under IE7, not so great. Upon entering the form, the "listbox" RadGrids are unpopulated, and everything looks fine. Once I select a row in the main grid, the codebehind pulls in the relevant data into a collection and binds it to the controls. In firefox, the controls are loaded and look & work fine. Under IE7, the controls flash on the screen, then disappear, with the main grid shrinking to just a couple hundred pixels wide, and even the three-item menu squishes into two lines. If I hover the mouse pointer over the menu, everything jumps back to correct ordering and spacing, and the two-way listbox actions work correctly even.
If I then select a different row in the main grid, the page blanks out completely. Using debug bar, I am able to examine the DOM and it appears that everything is there, but nothing is visible on the client area except the background color, not even the menu.
This looks somewhat like the RadSplitter problem reported recently with 2008 Q3, except I have no splitters on my form.
Any ideas?
The original page had a single normally-functioning RadGrid, wrapped in a PageView and Multipage controls; there's a menu bar at the top of the page, outside of the PageView. The menu bar is loaded as a custom control in a panel at runtime, since the application has customized uses for application-specific forms, and general forms for all of the uses.
With that all in mind, it's been working great this way. Until I added two more RadGrids to the page that serve as multi-column listboxes, to go along with several label/textbox pairs of other data. The headers are disabled, sorting/paging/grouping is all disabled. Client side scrolling is enabled, and the containing DIV's style sets the height and width of the grid The two smaller RadGrids are used as two-way pickers for details of the items in the main RadGrid.
Under firefox this is working great, but under IE7, not so great. Upon entering the form, the "listbox" RadGrids are unpopulated, and everything looks fine. Once I select a row in the main grid, the codebehind pulls in the relevant data into a collection and binds it to the controls. In firefox, the controls are loaded and look & work fine. Under IE7, the controls flash on the screen, then disappear, with the main grid shrinking to just a couple hundred pixels wide, and even the three-item menu squishes into two lines. If I hover the mouse pointer over the menu, everything jumps back to correct ordering and spacing, and the two-way listbox actions work correctly even.
If I then select a different row in the main grid, the page blanks out completely. Using debug bar, I am able to examine the DOM and it appears that everything is there, but nothing is visible on the client area except the background color, not even the menu.
This looks somewhat like the RadSplitter problem reported recently with 2008 Q3, except I have no splitters on my form.
Any ideas?
3 Answers, 1 is accepted
0
Steven Bixby
Top achievements
Rank 1
Rank 1
answered on 30 Nov 2008, 10:38 PM
A quick follow-up; I just revisited the page in Explorer, and I was slightly wrong.
Normally, if I click the two-way listbox button to move a row from one side to the other, this goes back to the server to do the DAL action, then refreshes the the "listbox" radgrids.
In IE7, the screen blanks out as I describe above, but I just noticed that if I resize the window at all, the view pops back to normal.
Normally, if I click the two-way listbox button to move a row from one side to the other, this goes back to the server to do the DAL action, then refreshes the the "listbox" radgrids.
In IE7, the screen blanks out as I describe above, but I just noticed that if I resize the window at all, the view pops back to normal.
0
Steven Bixby
Top achievements
Rank 1
Rank 1
answered on 01 Dec 2008, 12:46 AM
I stumbled across a/the solution after bumbling around in the DOM model using DebugBar, and trying various things. I noticed that there was a RadAjaxPanel wrapped around all the tags in the <form>, and inside that was another RadAjaxPanel, which leads me to believe that the renderer rewraps my source code's RadAjaxPanel. (This is code I'm modifying from another person and I'm still new to RadAjax.)
The thing that seemed to work is that I noticed an underlying CSS style had a width:100% parameter, and my inner RadAjaxPanel also had a width=600px attribute. Just in the vein of "trying things until I get results", I removed the width= attribute, and now it works fine. I also experimented with removing the RadAjaxPanel entirely, and that also works well.
If anyone could point out why it automagically wraps everything in a RadAjaxPanel, I'd love to hear it. :)
The thing that seemed to work is that I noticed an underlying CSS style had a width:100% parameter, and my inner RadAjaxPanel also had a width=600px attribute. Just in the vein of "trying things until I get results", I removed the width= attribute, and now it works fine. I also experimented with removing the RadAjaxPanel entirely, and that also works well.
If anyone could point out why it automagically wraps everything in a RadAjaxPanel, I'd love to hear it. :)
0
Hi Steve,
Thanks for the detailed description.
The problem in IE looks like one of those CSS and rendering-related problems, which appear randomly. However, we cannot be sure until we see the problem reproduced.
By default, there is no RadAjaxPanel around all elements in the <form>. In case you are certain that it does not come from some AjaxSettings, please send us a runnable sample page or a project, which we can inspect locally. Thank you in advance. (attaching files in forums is disabled, please open a new support ticket)
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Thanks for the detailed description.
The problem in IE looks like one of those CSS and rendering-related problems, which appear randomly. However, we cannot be sure until we see the problem reproduced.
By default, there is no RadAjaxPanel around all elements in the <form>. In case you are certain that it does not come from some AjaxSettings, please send us a runnable sample page or a project, which we can inspect locally. Thank you in advance. (attaching files in forums is disabled, please open a new support ticket)
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.