Mailinglist Archive: yast-devel (233 mails)

< Previous Next >
[yast-devel] alignment of form elements
  • From: Martin Schmidkunz <mschmidkunz@xxxxxxx>
  • Date: Wed, 28 Oct 2009 09:42:21 +0100
  • Message-id: <406BB898-A736-4904-AAA0-44ED94135BEE@xxxxxxx>
What is the proper way of aligning form elements in webYaST?
------------------------------------------------------------------------ --------------
Dialog elements in a form are aligned via css.
Dialog elements belonging to each other are surrounded by <fieldset>. You may give a fieldset an id and and a class for further use.
If you want to use headlines in a form, use <fieldset>.
Form elements are separated by putting each form element into a single paragraph.
The description of a form element, which is shown on the left side later, is surrounded by <label>
In order to allow the user to activate an input field by clicking on the form element description the "label for" and the text field tag/ form id have to be identical.

Code example: Style_Guide#Presentation_of_Dialog_Elements_in_a_Form



Martin Schmidkunz
User Experience Specialist
+49 (0) 911 740 53-346
SUSE LINUX Products GmbH, GF: Markus Rex, HRB 16746 (AG Nürnberg)
Novell® Making IT Work As One™

To unsubscribe, e-mail: yast-devel+unsubscribe@xxxxxxxxxxxx
For additional commands, e-mail: yast-devel+help@xxxxxxxxxxxx

< Previous Next >
Follow Ups