Mailinglist Archive: yast-devel (233 mails)

< Previous Next >
Re: [yast-devel] alignment of form elements
  • From: josef reidinger <jreidinger@xxxxxxx>
  • Date: Wed, 28 Oct 2009 10:04:36 +0100
  • Message-id: <4AE80924.8040600@xxxxxxx>
Martin Schmidkunz napsal(a):
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.
^^^
Just a note, fieldset *must* have id and all ids in html page (not only
in fieldset but all) must be unique for valid xhtml code.


If you want to use headlines in a form, use <fieldset>.
Form elements are separated by putting each form element into a single
paragraph.

What is advantage of usage <p> over <div>?
Josef

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:
http://en.opensuse.org/YaST/Web/Docu/Style_Guide#Presentation_of_Dialog_Elements_in_a_Form



Cu,

Martin

---
Martin Schmidkunz
User Experience Specialist
mschmidkunz@xxxxxxxxxx
+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
References