Version 9.8
 —  Customizing the Instant Application  —

Designing the Left Pane of the Screen

graphics/exercise.pngExercise

Design the left pane of the screen in instant.jsp/aspx. Look at the body of the screen: you will see that it is a table divided into two rows, the second of which is divided into two cells.

  1. Edit the first row to expand across the entire screen (increase the colSpan to 3 since we will want the second row to contain 3 cells).

  2. Add to the first cell of the second row an attribute that will color its background in gray.

  3. Add a second cell to the row. Define its width to be 150px, and have it display the image GreyCorner.jpg, which you can find in the images folder of the InstantDemo Web application.

Top of page