Quick GUI Prototyping Tool. Sketch Screen Prototypes for Better Software Requirements and Faster User Interface Design Sketch Screens in Minutes
Tutorial: Add screen elements Print This Page

We'll define the screens now. Double click the Find Employee screen to open it.

We see our Find Employee screen which is now empty. The screen elements we need are on the left toolbar. For the Find Employee screen we will need a text field for search criteria labeled “Employee:”, a button to initiate a search, and a table to show found employees.

We choose from the left toolbar a labeled field ("Lbl.Field"), a button and a table. We don't have to position them precisely just yet.

  =  
  =

 

  =  

 

Drag the elements with mouse to desired positions and resize the text field by  dragging the “resize handle”. When you click on element, it's resize handle appears.


Now set the labels right. Double-click the text field and enter “Employee:” for a label and “Joe%” for a caption. Confirm your changes by clicking on “Accept” button:

              Icon for “Accept changes” command

Previous page     Next page


Copyright © 2004-2006, Igor Ješe