Overlapping of Rotator Control

[Florian]

Hi there,
I have a master page with a rotator of type CarouselButtons on it who controls the site navigation.
Master page contains an IFrame where main contents are loaded. Here I have a RadGrid control to populate data, based on selected item in RadRotator.
At the moment, I have wraped the rotator with asp:CollapsiblePanelExtender so that user can collapse and expand the Rotator.
When Rotator is collapsed, Datagrid moves up to take the empty space and when it expands, datagrid moves down. This works fine.
I would like to achieve the following,

• When Rotator expands, instead of taking its own space and moving the grid down, it comes on top of the Grid.
• Is such control overlapping possible in situtation where Rotator and Grid resides in different pages i.e. Grid in IFrame & rotator in master page.

I would apperciate, if you could provide me a sample code, where I could see it running.

Best regards,

[Slav]

Hello Florian,

You can achieve the desired functionality by applying the CSS style position:absolute both to the panel and the RadGrid/iframe and setting higher z-index to the panel to ensure that it will overlap the grid. For your convenience I have attached a sample that demonstrates this approach. Please use it as a reference for your further development.

Greetings,
Slav
the Telerik team