Note:  This is an advanced feature, and requires some understanding of HTML.

This page shows you how to upload a HTML file, and place the contents of that file into a scrolling region on a page. 

You might use this when you have a very wide set of data you want to show, and you need to have that data scroll in a region on your web page.  You might want that data to scroll inside your web page so that it does not distort or "push out" the rigth hand margin of your web page, and mess up the look of your web page.

A specific use of this is when you have a wide table of data in Microsoft Excel which you would like to post on your web page.  In Excel, select the "File, Save As" option and set the "Save as type" to "Single File Web Page".  This will produce a HTML document.  You can upload that resulting HTML document into Web Builder Express.  You can then set up the code on your new Web Builder Express web page which will display that resulting HTML page inside a scrolling frame.

 First, you need to upload the HTML file from your PC to your list of available files in Web Builder Express:

1. While editing the new web page where you want to put the HTML file in a scrolling frame, click on the "Files" icon .

2. Click on "add file" icon , and upload the HTML file. 

3. Click "Browse" to locate the HTML file on your PC, then click "Upload".

4. Close the "Files" window.

 Next, you need to create the special HTML code on your web page to display the file you uploaded inside a scrolling frame:

5. In the lower left corner of the editing window, click the box next to "HTML" to display the HTML code for the web page.

6. Copy following HTML code and paste it into the editing window:

<P ><IFRAME src="/sites/ClevelandTriathlonClub/files/FILE-NAME.HTML" width="100%" height=400 ></IFRAME ></P >

Important Note:  Replace the demonstration text "FILE-NAME.HTML" with the actual name of the file you uploaded in step 3 above.

Important Note:  The file extension you uploaded in step 3 may be HTML, or it may be something like it (i.e. MHTML, etc.).  Make sure that the file name you type in step 6 EXACTLY matches the file name you uploaded in step 3 above.  There should be no space between the slash "/" and the file name, and there should be no spaces after the file name and before the quote.

Important Note:  The HTML code listed in step 6 has an extra space before each open bracket ">".  This is so that the you can view the code here.  After you paste that code into the HTML editor, remove the space that appears before each open bracket ">".  You will need to delete four spaces in total.

7. In the lower left corner of the editing window, click off the "HTML" button to return to the normal view.

8. Click "Save" in the lower right corner of the editing window to save the page.