Create a User LOGIN using WPF

Posted by Pardha Saradhi in WPF category on 2/27/2014 for Beginner level | Points: 250 | Views : 17807

Rating: 5 out of 5

1 vote(s)

Post Article |

Search Articles |

Articles Home

In this article, we will discuss how to create a user LOGIN oval shape using WPF

Introduction

Hi friends today we will discuss how to create a user LOGIN oval shape using WPF

Once open the Visual Studio click on File Click on the Project .

As you are seeing there are many application from them Select WPF application
At name rename it as per your requirement

Right click on the project and click on add from there click on window for adding a new window to the project
Rename the window as per your requirement

Drag two text box from tools.
Drag a two label and arrange it as showed in the above prnt screen.
Drag and drop a submit button and change the value into Submit.
Now it’s the time to achieve the Ellipse shape and it should ne transparency.
From the below code we can achieve that.

<Window x:Class="StoryBoardApp1.LoginWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="LoginWindow" Height="363.534" Width="591.353"
        WindowStyle="None" AllowsTransparency="True"
        Background="Transparent"
        DragOver="Window_DragOver">
    <Grid DragOver="Grid_DragOver">
        <Ellipse Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="334" Stroke="Black" VerticalAlignment="Top" Width="583"/>
        <TextBox HorizontalAlignment="Left" Height="33" Margin="306,107,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="150"/>
        <TextBox HorizontalAlignment="Left" Height="29" Margin="306,160,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="150"/>
        <Label Content="User Name:" HorizontalAlignment="Left" Margin="226,114,0,0" VerticalAlignment="Top" Width="92"/>
        <Label Content="Password:" HorizontalAlignment="Left" Margin="228,163,0,0" VerticalAlignment="Top" Width="92"/>
        <Button Content="Submit" HorizontalAlignment="Left" Margin="252,231,0,0" VerticalAlignment="Top" Width="114" Height="34"/>

    </Grid>
</Window>