Border over RadRibbonWindow

[Maurício]

Hello

I need to draw a border over the RadRibbonWindow, excluding the TitleBar.

I've attached an image where on the left you can see what I'm actually doing and on the right what I want to achieve.

How can I achieve that?

Code:

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <telerik:RadRibbonView ApplicationName="DocumentSelector">
            <telerik:RadRibbonTab Header="Documents" />
        </telerik:RadRibbonView>

        <Border Grid.Row="0"
                Grid.RowSpan="2">
            <Border.Background>
                <SolidColorBrush Opacity="0.5" Color="Red" />
            </Border.Background>
        </Border>
    </Grid>

[Martin Ivanov]

Hello Maurício,

This behavior is caused by the fact that when you have RadRibbonView paced in RadRibbonWindow, the content of the window including the ribbonview is pushed up a little so that the window can use its title bar. This is why the Border overlaps the title bar.

In order to achieve your requirement you can set a Margin on your Border element.

<Border Grid.Row="0"
        Margin="0 22 0 0"
        Grid.RowSpan="2">
    <Border.Background>
        <SolidColorBrush Opacity="0.5" Color="Red" />
    </Border.Background>
</Border>

I hope this helps.

Regards,
Martin
Telerik

 

 

[Maurício]

Hello Martin

It worked as expected by using "0 19 0 0", thank you for your answer!