In this Tutorial I will show you how to create your very own webbrowser.

You will need: 1 Toolstrip + ToolStrip Controls(explained later), 1 WebBrowser.

First thing is first, drag a toolstrip from the toolbox onto the form. Make sure that the Grip Visibility is set to Hidden.



Now we will add the controls. You will need:(6 ToolStripButtons, 1 ToolStripLabel, and 1 ToolStripTextBox). Now we will set the names of the controls. The first button will be called back, the second forward, the third refresh, the fourth stop, the fifth home and the last GO. For the GO button set the alignment property to right. Now that you have the names we can set each of the button's DisplayStyle to Image. Set the proper images for each button. Now we will name the label and the textbox on the toolstrip. For the Label set the text property to URL: and the name to urlLabel. Now the textbox will be named url and the text leave blank.


Next drag the WebBrowser Control onto the form.



Set the name property of the webbrowser to webBrowser

Now for the coding.

Double-Click on the Form and enter this code webBrowser.GoHome();.
Double-Click on the Back Button and enter this code webBrowser.GoBack();.
Double-Click on the Forward Button and enter this code webBrowser.GoForward();.
Double-Click on the Refresh Button and enter this code webBrowser.Refresh();.
Double-Click on the Stop Button and enter this code webBrowser.Stop();.
Double-Click on the Home Button and enter this code webBrowser.GoHome();.
Double-Click on the GO Button and enter this code webBrowser.Navigate(url.Text);.
Double-Click on the webBrowser and enter this code url.Text = e.Url.ToString();.

This is what your final design should look like.



Now run the form and have fun!

Thx, for this realy usefull tutorial, but i have questions :

1) How to lock the URL bar, for example, when the WebBrowser opens, it opens a website defined in the program's code, and shows the Adress in the URL bar, BUT the user cannot edit it...
1.1) Or how to remove the URL bar, but make the Browser start with a default start page ... like in IE its about:blank or whatever the user has defined, but in this case i would like it to start with my website...

2) How to remove the Scroll bar ?

If I understand you correctly you are asking: 1. Hide the URL Text Box 2. Navigate to a page instead of Homepage on the load of the Browser 3. Remove the Scroll Bar?

1. Just type: urlTextBox.Visible = false;

2. Just type this in the OnLoad() Event: webBrowser1.Navigate("http://www.example.com");

3. Just set the WebBrowser's ScrollBarsEnabled Property to false or type: webBrowser1.ScrollBarsEnabled = false;

Hope this helps

This post has been edited by gbertoli3: 16 May, 2009 - 10:56 AM