Dock scrolling inside pageview (tab)

[Christopher Bishop]

I know this has been address as far as a css override inside the splitter pane, but the problem I am having is inside a pageview inside a tab, it is the same old senerio where the zones don't scroll with the pageview overflow etc. almost like they are in fixed positions, I am building the dockzones/docks via code behind and pretty simple.

iZone = New RadDockZone
iZone.Controls.Add(CreateRadDock(tmpZoneID))
pageViewObject.Controls.Add(iZone)

CreateRadDock for testing is straight out of the example, so new RadDock etc. returns raddock...

I have tried everything I can think of regarding css...

 

position:static;, position:relative; etc. all do the samething, this "only" happens in IE7 and that happens to be one requirement that I can't shake just yet so I have to make it work, it works fine in every other browser in the world grrrrr.... would everyone just get on the same engine already this browser jeez.

Any thoughts?

If need be I can roll back to jQueryUI and do it that way but would prefer just to handle it with raddock.

 

[Pero]

Hello Christopher,

This is not a problem with our controls but a behavior related to IE6 and IE7 browsers. Please take a look at the following article: http://snook.ca/archives/html_and_css/position_relative_overflow_ie/, it demonstrates the problem.

Because the RadPageView and the RadDockZone controls are rendered as <div> elements and to make the scroll-bar appear on the PageView and make the DockZone scroll correctly, you need to set position: relative to both PageView and DockZone. Please test the attached project. It demonstrates how to fix the issue.


Greetings,
Pero
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.