I am building a Portal site, starting with the MyPortal example and building on that. It displays fine in Firefox, but in IE, if all of the docks do not fit on screen, the docks do not scroll properly with the page.
I have 2 RadDockLayouts, one with 2 RadDockZones and the other with 3. Each RadDockLayout contains a hidden UpdatePanel, which are used, in conjunction with client script, to dynamically add and remove docks from the page, and allow asynchronous callbacks for dock position changed and command events.
The main differences I can see from the included portal examples are that there are 2 RadDockLayouts instead of 1, and the portal sits within a content page. The Master page being used contains a RadTabStrip, which on mouse over shows a RadMenu.
In IE, when the page scrolls, the master content scrolls, but the docks do not. So any docks which protrude off screen remain off screen. For example if there are 6 docks on the page, and 2 are not visible, and 2 have only the top half visible, they will stay that way and their content cannot be accessed by scrolling. Also, if the RadTabStrip is showing a menu, the menu does not scroll, leaving it in the middle of the page, detached from the main menu (the RadTabStrip does scroll with the page however).
This behaviour occurs in IE6 and IE7, except that IE7 displays 2 scrollbars, the outer one scrolling the entire window, and the inner one displaying the same behaviour where the master content scrolls and the docks do not.
Please help! I can see that the demos work in IE6, so it must be something that I’m doing differently.