This is a three Part tutorial on Extending your WebBrowser.


Part 1

In this tutorial I will show you how to extend your webBrowser. If you have not yet read my original tutorial on Creating a WebBrowser then click here.

Ok now that we have a WebBrowser we will extend it.

First we will need to add a MenuStrip

Make sure that you dock it to the top


Now we will add some items to the MenuStrip. The first Item will be File. After you have created the File menu add 3 menu items. The 3 items are Open, Save, and Exit. Now the second item we will add to the MenuStrip is the View menu. Now add a menu item Source.

Now double click on the open menu item to get to it's Click() event. Now enter this code


Now that we have the Open menu item done we can move onto the Save menu item.
Double Click on the Save menu item to get to it's Click() event, and enter this code



Now go to the Close menu item's Click() event and type


We are now done with the file menu and moving on to the View menu.

Go to the Source menu item's Click() event and type this code


Finished!

Now you can run your form and have fun!
Don't forget I will be coming out with more tutorials on Extending Your WebBrowser.


Part 2

In this tutorial I will show you how to extend your WebBrowser even more.

To begin we will add 3 more menu items to our File menu. The items are Print, Print Preview, and Properties
Once you have created the Print, Print Preview, and Properties menu items go to the Print menu item's Click() event and type


After that go to the Properties menu item's Click() event and type


Now we will add 5 more menu items to the View menu. They are [i]Back, Forward, Home, Refresh, and Stop[i].
Go to the Back menu item's Click() event and type webBrowser.GoBack();
Go to the Forward menu item's Click() event and type webBrowser.GoForward();
Go to the Home menu item's Click() event and type webBrowser.GoHome();
Go to the Refresh menu item's Click() event and type webBrowser.Refresh();
Go to the Stop menu item's Click() event and type webBrowser.Stop();

Now we will move on to adding shortcut keys to menu item's.
For the Open menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Ctrl+O.
For the Save menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Ctrl+S.
For the Print menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Ctrl+P.
For the Print Preview menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Ctrl+Shift+P.
For the Properties menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Alt+P.
For the Back menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Alt+Left.
For the Forward menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Alt+Right.
For the Home menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Alt+H.
For the Refresh menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to F5.
For the Stop menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Alt+S.
For the Source menu item go to it's properties and scroll down to where it says ShortcutKeys, change it to Ctrl+U.


Now that we have added ShortcutKeys to most of the menu items, we can add some images.
If you want the images that I used download and unzip the attachment. The attachment also includes the project.

Now Run the Form and Have Fun!


Part 3


In this tutorial I will show you how to Extend your WebBrowser even further then it's current state.

Now we can begin

First drag a StatusStrip onto your form. Then right click on the webBrowser and select Bring to Front.
Now add a statusLabel to the StatusStrip by clicking on the small arrow. When you click on the small arrow you will see a hidden menu pop up. Name the statusLabel status. Change the text of our newly created label to status

Now go to the webBrowser's Navigated() event and type


Now add a progressBar to the Status strip by clicking the arrow again to show the hidden menu.
Name this progressBar.

Now go to the webBrowser's ProgressChanged() event and type


Now we will add a Title to the Form

Go to the webBrowser's Navigated() event again and type this underneath the previous text we typed in


Finished!

Now run your form and have fun!