This is a migrated thread and some comments may be shown as answers.

Overlapping of Rotator Control

1 Answer 31 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Florian
Top achievements
Rank 1
Florian asked on 27 Jun 2012, 02:24 PM
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,

1 Answer, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 02 Jul 2012, 08:22 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Rotator
Asked by
Florian
Top achievements
Rank 1
Answers by
Slav
Telerik team
Share this question
or