Canvas Positioned Control Goes Behind Tab Header

[Josh]

I have a control that I'm placing inside a RadTabItem that's in a Canvas that I want to move up and have hover over the tab. When doing this, the control goes under the tab header, and doesn't show above it. I've narrowed it down to the ScrollContentPresenter in the RadTabControl header that is causing the issue.

How can I get the control to show on top of the tab?

<RadTabItem.Header>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="0" />
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="0" Text="The Tab" />
        <Canvas Grid.Column="1">
            <MyControl Canvas.Top="-10" />
        </Canvas>
    </Grid>
</RadTabItem.Header>

[Kiril Stanoev]

Hello Josh,

Could you please elaborate more on you scenario.
Are you talking about the clipping that is applied on the element within the canvas?



Since MyControl is part of the RadTabItem header a clipping will be applied which prevents it from displaying fully. My advice is to edit the ControlTemplate of RadTabItem and modify it according to your scenario. Let me know if you need further help with that.

Regards,
Kiril Stanoev
the Telerik team