Thursday, August 26, 2010

WebBrowser Control in WPF

In this article, I am going to show how we can use WebBrowser control to show html document within our WPF application. WPF introduces WebBrowser control to ensure that we can show html pages embedded inside the control. Here I use 2 buttons also to go back and forward.

This is my XAML code
<Window x:Class="WebBrowserControlIn_WPF.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="WebBrowser Control in WPF" Height="Auto" Width="Auto" Loaded="Window_Loaded">
    <Grid x:Name="LayoutRoot" Width="Auto">
        <Grid.RowDefinitions>
            <RowDefinition Height="10"/>
            <RowDefinition Height="*"/>
        Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="65">ColumnDefinition>
            <ColumnDefinition Width="*">ColumnDefinition>
            <ColumnDefinition Width="10">ColumnDefinition>
        Grid.ColumnDefinitions>
        <Grid HorizontalAlignment="Stretch" Margin="0,15,0,0" Grid.Row="1" Grid.Column="1" VerticalAlignment="Stretch">
            <WebBrowser x:Name="myBrowser" Margin="0,0,0,0" Cursor="Arrow" Height="Auto"/>
        Grid>
        <Grid HorizontalAlignment="Stretch" Margin="0,15,0,0" Grid.Row="1" Grid.Column="0" VerticalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="40"/>
            Grid.RowDefinitions>
            <Grid HorizontalAlignment="Stretch" Margin="0,15,0,0" Grid.Row="0"  VerticalAlignment="Stretch">
                <Border Height="20" BorderThickness="2" CornerRadius="5,5,0,0" VerticalAlignment="Top"   />
                <Button Click="GoBack_Click" Width="50" Height="20" x:Name="GoBack">Go BackButton>
            Grid>
 
            <Grid HorizontalAlignment="Stretch" Margin="0,15,0,0" Grid.Row="1"  VerticalAlignment="Stretch">
                <Button Click="GoForward_Click" Width="61" Height="20" x:Name="GoForward">Go ForwardButton>
            Grid>
        Grid>
    Grid>
Window>


See full details: http://www.vbdotnetheaven.com/UploadFile/rahul4_saxena/2225/Default.aspx

2 comments:

iPhone web app development said...

Thanks for providing this information. It contains complete code reference of “WPF application” for controlling 2 buttons. I have tested it and its working fine.

Naviya Nair said...

Very good article.. Nice Explanation..
C# Training
Dot Net Training in Chennai
Dot Net Training institutes in Chennai
ASP.NET Training