forum

Home / DeveloperSection / Forums / How can I make a curve (rounded) corner grid?

Ask Question

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

Takeshi Okada 3194 18-Jul-2013
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


xml xml 
Updated on 19-Jul-2013
Takeshi Okada

Takeshi Okada

Follow

Can you answer this question?

Answer

1 Answers

shreesh chandra shukla

shreesh chandra shukla

19-Jul-2013
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>

MindStick Training

Liked By