Part II: Customizing the Look of the Browser in .NET framework

Generating QR-Code in .NET framework Part II: Customizing the Look of the Browser

Besides the command buttons, the Browser toolbox displays the current mouse coordinates You can use these coordinates to help find the correct values for the browser pane s location and size When you first switch to the Browser commands, only the Browser button is enabled This is because your copy of the Browser Construction Kit is broken Just kidding! The other buttons are disabled because, until you add a browser pane to your window, the other commands have no effect To add the browser pane to your window, click the Browser button The Browser Construction Kit then adds the browser pane to the window, as shown in Figure 5-2 With the new browser pane nestled comfortably in your window, the Browser Construction Kit enables the other Browser command buttons Seems like magic, doesn t it The Wiley Web site shown in the browser pane is only an image, rather than a real Web site Don t bother trying to browse yet! After you set up your complete browser window, you create the finished custom browser, which, of course, can browse the Internet for real

You can build a snappier looking browser pane by adding a border Because the border takes up extra room around the browser pane, however, you should add the border before you attempt to position and size the browser pane Of course, if you re not adding a browser-pane border, you don t need to read this section The Browser Construction Kit provides four different borders for your browser pane To choose one of these borders, click the Border button When you do, the Browser Border dialog box appears, as shown in Figure 5-3 The normal border is a simple, rectangular box that surrounds the browser pane, as shown in Figure 5-4 Although the normal border is just a few lines, it really draws attention to the browser pane If you want something a little subtler, go for the thin frame, which is just a narrower version of the normal border Even this narrow rectangle can make your browser pane pop

If subtle isn t your thing, you can add two types of 3-D borders To add a standard 3-D border, select the 3-D Border option in the Browser Border dialog box Figure 5-5 shows the standard 3-D border For an even greater 3-D effect, choose the Thick 3-D Border option Awesome!

When you add a border to your browser pane, clicking the Border button a second time removes the border

After adding the browser pane to your window, you ll almost certainly want to reposition and size it You position the browser pane by specifying the location of its top and left edges To do so, first place the mouse pointer at the location at which you want to position the browser If you look at the bottom of the editor s toolbox, you can see the mouse s current location The first value is the left position, and the second is the top Click the Top button, and the Browser Top dialog box appears (see Figure 5-6) Type the top value into the text box and click OK The browser pane moves up or down to your selected location

Now do the same thing for the browser s left edge Click the Left button, enter the value for the left edge, and click OK The browser pane moves left or right to the selected location Figure 5-7 shows the browser pane positioned in the window s upper-left corner

You have complete control over the width and height of the browser pane Well, you can t make it bigger than the window, but you know what I mean To change the width and height, guess which buttons you click If you guessed the Width and Height buttons, you win the cigar If you guessed your TV s power button, return this book immediately and buy Buttons For Dummies instead To set your browser pane s width, click the Width button The Browser Width dialog box appears Type the width value and click OK The Browser Construction Kit sets the browser pane to your selected width Set your browser pane s height in the same way, except click the Height button The Browser Height dialog box appears Type the height value and click OK The Browser Construction Kit sets the browser pane to your selected height Figure 5-8 shows the browser pane after being positioned and sized If you add a border to your browser pane, you need to allow extra room around the pane when you position and size it