I-Frame Magic

I-Frames can keep your pages compact, yet still give you room to express yourself.

 

I-Frames are an often overlooked feature of WEBPLUS, yet they are a powerful feature when used correctly.

 

There are two methods for creating I-frames, and each have their own specific purpose. Firstly, we will look at the most simple of the two options. This is where you create a normal HTML frame and load it with text content, and possibly in-line images.

 

You start by creating a frame that’s large enough to hold your content. Make sure the width of the HTML frame is the same width that you want it displayed on your page - it can be as long as you like.

 

When you’re done creating your frame, the magic can begin. In your Studio Tabs section of WEBPLUS you will see a tab named Transform. It looks like this.

 

 

Start by selecting your HTML frame by clicking on it’s border. In the Height box of the transform dialog, set the height you want your HTML frame to appear on your page. This will cause your HTML frame to reduce in size. You will notice that any content in the lower part of your HTML frame appears to be cut-off. Don’t worry - it’s still there.

 

Now position your HTML frame where it has to be on your page. Right Click on the border of the HTML Frame and select Text Format/Overflowing Text/Auto Scroll Bar. If you now preview your page in your web browser, you will notice that your text has a scroll bar at the side  which will allow users to scroll through the text to read your entire content.

 

On the next page, we’ll discuss the alternative way of achieving this effect, and why you would choose one method over the other. Click Here to continue.