How can I make a curve (rounded) corner grid?

HI mindstick!

I tried and it sets a new border above the grid border:

<Window x:Class="Class.Window"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Width="379" Loaded="Window_Loaded"
        AllowsTransparency="True"
        ResizeMode="NoResize" ShowInTaskbar="False" Topmost="True" WindowStyle="None" Height="110">   
    <Border BorderBrush="Black" BorderThickness="1,1,1,1" CornerRadius="30,30,30,30">
        <Grid>
            <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,12,0,0" Name="textBlock_From" Text="" VerticalAlignment="Top" Width="283" />
            <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,38,0,0" Name="textBlock_Subject" Text="" VerticalAlignment="Top" Width="283"
                       MouseLeftButtonDown="textBlock_Subject_MouseLeftButtonDown" MouseEnter="textBlock_Subject_MouseEnter" MouseLeave="textBlock_Subject_MouseLeave" />
        </Grid>
    </Border>
</Window>

thanks in advance


Last updated:7/19/2013 12:21:12 AM

1 Answers

shreesh chandra shukla
shreesh chandra shukla

Solution!

As it is not entirely clear what you are trying to do, I guess you want a window with rounded corners and transparent background. Your solution is correct, you just have to set the Window background transparency and a background for the Border.

<Window x:Class='Class.Window'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    Title='Window1' Width='379' Loaded='Window_Loaded'
    AllowsTransparency='True'
    ResizeMode='NoResize' ShowInTaskbar='False' Topmost='True' WindowStyle='None' Height='110' Background='Transparent'>        <Border Background='White' BorderBrush='Black' BorderThickness='1,1,1,1' CornerRadius='30,30,30,30'>
        <Grid>
            <TextBlock Height='23' HorizontalAlignment='Left' Margin='62,12,0,0' Name='textBlock_From' Text='' VerticalAlignment='Top' Width='283' />
            <TextBlock Height='23' HorizontalAlignment='Left' Margin='62,38,0,0' Name='textBlock_Subject' Text='' VerticalAlignment='Top' Width='283'                   MouseLeftButtonDown='textBlock_Subject_MouseLeftButtonDown' MouseEnter='textBlock_Subject_MouseEnter' MouseLeave='textBlock_Subject_MouseLeave' />
        </Grid>
    </Border>
</Window>

Answer