Popup ZIndex

[James]

Hello,

Is it possible to display a Popup that does not overlap with content outside of it's parent RadPane?

I have played around with the ZIndex but with not luck, the Popup is always top most.

I'm building a custom control that has a DropDown component, which I'm using the Popup control to represent. The problem is when the width of a RadPane is less than the width of the Popup the DropDown spills over into the Document Host area, which looks very strange. Ideally I want the Popup to clip and stay within the bounds of the RadPane. Here's a screenshot:

http://www.flickr.com/photos/36587020@N04/3889061980/

            <Popup x:Name="Popup" Canvas.ZIndex="-1000">
                <Border x:Name="PopupBorder" Canvas.ZIndex="-1000"
                        Background="{TemplateBinding Background}"
                        Height="Auto"
                        HorizontalAlignment="Stretch"
                        BorderBrush="{TemplateBinding BorderBrush}">


                    <ItemsPresenter />
                </Border>
            </Popup>

Any help appreciated,

Cheers,
James.

[James]

Hello,

I have come up with a solution that uses a clipping region against the Pop Up control, which gets resized as the RadPane gets resized.
Does this sounds like the correct approach?

Cheers,

James.

[Miroslav Nedyalkov]

Hello James,

The approach you mentioned sounds pretty reasonable to me. Since itworks as expected in your case you can keep using it in your application.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.