Difference between revisions of "GUI design"

From Lazarus wiki
Jump to navigationJump to search
Line 1: Line 1:
 
==Overview==
 
==Overview==
  
When working on lazarus, certain design guidelines need to be taken into consideration. To prevent a diversity of styles and ensure the clarity of dialogs. The next article tries to summarize several guidlines to help you designing.
+
When working on lazarus, certain design guidelines need to be taken into consideration. To prevent a diversity of styles and ensure the clarity of dialogs. The next article tries to summarize several guidelines to help you designing.
  
 
==Dialogs==
 
==Dialogs==

Revision as of 13:59, 13 September 2005

Overview

When working on lazarus, certain design guidelines need to be taken into consideration. To prevent a diversity of styles and ensure the clarity of dialogs. The next article tries to summarize several guidelines to help you designing.

Dialogs

Dialogs are special forms that need the user to make / change some setting before lazarus can continue.


Dialog Settings

Settings that should be applied in general are;

  • BorderStyle : bsSizeToolWin
  • Position : poScreenCenter
  • FormStyle : fsStayOnTop (or show the dialog using ShowModal)

General layout

  • On the bottom a panel should be placed with the required buttons to close / cancel the dialog, or to recieve help.
  • At least fit on a 800x640 screen
  • Close on Escape (if key not used otherwise)
  • Define default button and Return activates it (if key not used)
  • Medium to complex dialogs should be resizable and size is stored

Dialog panel

The dialog panel should consist at least of the following elements;

  • OK button
  • Cancel button
  • Next button (optional)
  • Previous button (optional)
  • Help button

An example is shown below:

example.jpg