GUIdebook: Graphical User Interface galleryHome > Tutorials > LisaGuide > Viewing a Document
GUIsTimelinesScreenshotsIconsSoundsSplashesApplicationsAdsVideosArticlesBooksTutorialsExtras
Go backLisaGuideViewing a document

LisaGuide image
This image can be zoomed

Overview: Viewing a Document

This topic teaches you to:
“Scroll” to parts of a document not visible in a window.
Make a window larger or smaller.
Move a window.

LisaGuide image
This image can be zoomed

Now LisaGuide is the active window. See the gray bars at its right and bottom edges? These are called SCROLL BARS. Most documents are longer or wider than their windows reveal, so just part of a document shows. Using the different symbols in the scroll bars, you can “scroll” to bring hidden parts of the document into view.

Open Example, the document you’ll learn to scroll in:

  1. In the Samples window, select the Example icon, then choose Open from the File/Print menu. (If Open is dim, no icon is highlighted.)

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

The arrows in the scroll bars are called VIEW ARROWS. When you click or press in a view arrow, new text appears a line at a time, from the direction in which the arrow is pointing.

Do this to scroll a line at a time through the text in the Example window:

  1. Click to activate the Example window (the rectangle named Example) and make its scroll bars appear.
  2. In the right scroll bar, press and hold on the arrow that points down. When you see “THE END” at the end of document, release.
  3. Press and hold on the arrow that points up. When you see “THE BEGINNING,” release.

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

The plain white boxes in the scroll bars are called ELEVATORS. Elevators show where you are in document. For example, an elevator at the top of the vertical scroll bar shows you’re at the document’s beginning.

Now scroll using an elevator in the Example window:

  1. Click to activate the Example window.
  2. In the right scroll bar, press and hold on the elevator (the white box). Move it down the scroll bar a bit, then release. Keep doing this until you see “THE END.”
  3. Move the elevator back to the top of its scroll bar, then release. (Anytime you release, scrolling stops.) See “THE BEGINNING?”

LisaGuide image
This image can be zoomed

In the scroll bars next to the view arrows are the last four scroll symbols. They look like tiny pages with a folded corner, and are called VIEW BUTTONS. When you click or press in a view button, new text appears a “windowful” at a time, like flipping pages in a book.

Do this to use view buttons to scroll by windowfuls:

  1. Activate the Example window.
  2. In the Example window’s right scroll bar, click on the lower view button and then on the upper view button until you see how they work.

You won’t need the Example document any more:

  1. Put the Example document away. (Activate, choose Save & Put Away from the File/Print menu.)

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

You’ve seen how to move an icon: You can also move a window to any spot on the desktop.

Do this to move the Samples window:

  1. Place the pointer’s tip in the title bar at the top of the Samples window.
  2. Press and hold as you move the pointer left, straight across the desktop.
  3. When the flickering outline is at the desktop’s lower left corner, release the mouse button. (Stuck? Press Continue, then press Practice when it appears.)

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

You can change the size and shape of a window using the SIZE CONTROL BOX at its lower right corner.

Make the Samples window as wide as the desktop:

  1. Now the Samples window is partly under the LisaGuide window: Click in it to make it active.
  2. Press and hold on Samples’s size control box, where the scroll bars intersect.
  3. Move the pointer right: Release when the flickering outline’s right edge is at the desktop’s right edge.

(To press Continue, activate the LisaGuide window so it will come to the top and you can see the Continue button.)

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

When working with multiple windows, you can resize and move them to overlap as much or as little as you please. Note: If you move a window so its scroll bars push against the desktop’s edge, the window will “shrink” and you may need to resize it.

Resize and move the Samples window:

  1. Resize the Samples window so it’s just wide enough for its icons to be visible. You’ll first need to activate the window to make its size control box appear. (Stuck? Press Continue, then press the Practice button when it appears.)
  2. After resizing, move the Samples window to the desktop’s lower right corner: It should just fit.

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

LisaGuide image
This image can be zoomed

Page added on 6th October 2005.

Copyright © 2002-2006 Marcin Wichary, unless stated otherwise.