Overlapping of Rotator Control

2 posts, 0 answers
  1. Florian
    Florian avatar
    1 posts
    Member since:
    Jun 2012

    Posted 27 Jun 2012 Link to this post

    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,
  2. Slav
    Slav avatar
    1359 posts

    Posted 02 Jul 2012 Link to this post

    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.

    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.
Back to Top