Make the expander overlap all the other controls

[Adi]

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

[Petar Mladenov]

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

[neo e]

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

Thanks

[Adi]

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

[Petar Mladenov]

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

[Suhas]

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

[Kiril Vandov]

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

[Suhas]

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

       

[Kiril Vandov]

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

[Suhas]

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 

[Suhas]

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 

[Kiril Vandov]

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