Make the expander overlap all the other controls

12 posts, 0 answers
  1. Adi
    Adi avatar
    25 posts
    Member since:
    Jun 2010

    Posted 01 Dec 2010 Link to this post

    Hi All,

    I am using RadExpander. Below my RadExpander I have a RadScheduler. When my RadExpander expands it seems to push down the bordering controls in order to render. However, I want that the RadExpander should overlap the other controls (Like the way we do it with ZIndex). I saw couple of other threads having similar issues and was able to deduce that using Grid.RowSpan I can achieve that however I was not able to do so. I would really appreciate if someone could guide me to figure out a way around this.

    Thanks,
    Adi
  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 07 Dec 2010 Link to this post

    Hi Adi,

    You can use put the RadExpander and the RadScheduler inside Canvas and use ZIndices like so:
    <Grid x:Name="LayoutRoot" Background="White">
           <Canvas>
               <telerik:RadExpander Header="Expander Header Element" HorizontalAlignment="Center" Width="500" Canvas.ZIndex="1" >
                   <Rectangle Fill="Aqua" Width="500" Height="500" />
               </telerik:RadExpander>
               <telerik:RadScheduler  Width="500" Height="500" HorizontalAlignment="Center" Canvas.ZIndex="0" Canvas.Top="30"/>
           </Canvas>
       </Grid>
    Please give it a try and let us know if it helps your or not.

    Best wishes,
    Petar Mladenov
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  3. DevCraft banner
  4. neo e
    neo e avatar
    19 posts
    Member since:
    Jul 2004

    Posted 07 Dec 2010 Link to this post

    The raddropdownbutton don't need canvas to draw the dropdow on top of other control. why does expander have to?

    Thanks
  5. Adi
    Adi avatar
    25 posts
    Member since:
    Jun 2010

    Posted 07 Dec 2010 Link to this post

    Hi Petar,

    Your solution seems to work but apparently it affects the behavior of RadExpander with respect to the direction in which it expands. I want the expander to be at the extreme right of my screen and expand to the left when Expanded. However it seems to expand in a direction (Even after I set the ExpandDirection = "Left") that just throws it off the screen. Could you verify this?

    Thanks,
    Adi
  6. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 10 Dec 2010 Link to this post

    Hi guys,

    @neo:
    The RadDropDown DropDownContent opens up in a popup, while the Expander's content doesn't. Therefore you need the Canvas. I hope this info helps.

    @ Adi:
    I didn`t manage to reproduce your issue in my environment. Could you please try to modify the attached solution so that it shows the problem? You can even send me a sample so that we could investigate the situation in depth. Thank you for your cooperation.

    Greetings,
    Petar Mladenov
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  7. Suhas
    Suhas avatar
    5 posts
    Member since:
    Jan 2013

    Posted 27 Jan 2013 Link to this post

    Hi Petar,

    I want expander to overlap the Activx control which is loaded below it. Canvas.ZIndex  is not working in this case..
    When i expand the expander it got hidden under activx control..
    Do i need to put both the controls in same Grid? I was loading the Activx control dynamically after loading the RadExpander control in Xaml..
    Can you suggest me solution??

    Thanks,
    Suhas
  8. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 30 Jan 2013 Link to this post

    Hi Suhas,

    I would like to ask do you load the ActiveX control in the same canvas you load the expander. If that is the case and the expander still does not overlaps the other control, is it possible for you to attach a project reproducing the issue.

    Regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  9. Suhas
    Suhas avatar
    5 posts
    Member since:
    Jan 2013

    Posted 31 Jan 2013 Link to this post


    Petar,

    I was putting both Activx and RadExpander controls in same Canvas.I can't send the sample project am sorry but i hope can explain you the situation better.
    In Canvas i put the Grid and divided it to 2 rows..
    On top row its was Radexpander and next row it was browser control(webbrowser control)..
    I gave the Canvas.ZIndex="1" for RADExpander and Canvas.Zindex="0" for Browser control in which am loading file.

    Still the RadExpander Content hidden under the Browser contol.Can you help me in putting it on the top of Browser control??

    Thanks,
    Suhas


           

  10. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 31 Jan 2013 Link to this post

    Hi Suhas,

    I was not able to reproduce this issue on our side. This is why I wanted to ask you to please make sure that the two controls are placed in different Grid rows.

    I also attached a sample project with the RadExpander and the WebBrowser controls for your convenience. If it doesn't correctly demonstrates your scenario, can you please modify it accordingly so that we can provide you with a more precise answer.

    Thank you in advance.

    Regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  11. Suhas
    Suhas avatar
    5 posts
    Member since:
    Jan 2013

    Posted 06 Feb 2013 Link to this post


    Hi Petar,

    The sample you sent doesn't meet my requirement.When i click on the Rad button then expander window comes but at same time the browser window gets down..
    So,we are not really showing that expander window on the browser control(I mean overlapping the portion of browser with expander)..

    Thanks,
    Suhas 
  12. Suhas
    Suhas avatar
    5 posts
    Member since:
    Jan 2013

    Posted 08 Feb 2013 Link to this post


    Hi Petar,

    Can You tell me how to put the button on the Activex Control??I want the Button to Appear on the Activx control..Am instantiating the Activx contol dynamically in web browser..so, even i put the button to appear in web browser it gets hidden behind the Activx control..



    Thanks,
    Suhas 
  13. Kiril Vandov
    Admin
    Kiril Vandov avatar
    324 posts

    Posted 11 Feb 2013 Link to this post

    Hello Suhas,

    Thank you for getting back to us. Now we understood your scenario better. However, when working with the WebBrowser control you need to consider the “Airspace” issue. Please take a look at this msdn article describing in more details the WebBrowser control and the "Airspace" issue.

    In order to workaround that issue, you can follow the approach described here. It basically suggests collapsing the WebBrowser control while displaying another control on top of it. Underneath the WebBrowser control you can display a WebBrowserBrush (read more).

    I attached a sample solution demonstrating this approach so please let me know if it works.

    Kind regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top
DevCraft banner