In Confidence

Summary of available client records
[Client type] name: [Client name] [Indicator A]
[Client ID type]: [Client ID] Account: [Account type and sequence No.] [Indicator B]
BSB & Account No.: [BSB & Account no.] Role: [Role] [Indicator C]
TAN: [Tax Agent no.] Period: [Period dates] [Indicator D]
Assessment: [Assessment no] [Indicator E]
Transaction: [Transaction ID] [Indicator F]
You are here:

  • This is a process directional message, triggered by the class "direction" on the <li> element in this branch of the document tree. The <li> is contained within a <ul> with a class of "messages".
  • This is a process error message, triggered by the class "error" on the <li> element in this branch of the document tree. The <li> is contained within a <ul> with a class of "messages".
  • This is a process success message, triggered by the class "success" on the <li> element in this branch of the document tree. The <li> is contained within a <ul> with a class of "messages".
  • This is a process alert message, triggered by the class "alert" on the <li> element in this branch of the document tree. The <li> is contained within a <ul> with a class of "messages".

Main page title (always a <h2></h2>)

Directional text, relating to the wider functional aspects of this group of screens or task. This is for providing the user with general/basic information about the form. It is not a process message like those above. It invokes the CSS from the same class definition however. It is therefore crucial that in order to achieve this styling, the relevant <p> element is nested inside the div with an id of "contentBody" to achieve the correct context.

TIPS

  • Tips are used for informing users on a point by point basis about more specific requirements for completing a form.
  • They appear in both Add and Modify screens.
  • It uses the custom .Net control: Infobox.
  • * Denotes required field
  • Safari 2.0 still seems to have some issues with the view mode screens.
  • Support for NN6/Mac might have to be dropped to correct the situation.

Page sub-header (usually a <h3> in this context, <h4>'s—<h6>'s are also used further down the document tree)

Directional text specific to this screen (as opposed to the direction text above, which may relate to the whole "Add" function.

label for a text input field:
data value entered on the "add" screen.
An inline process message.
An inline process message using the direction class.
Using radio buttons:
The resulting output of a date input:
dd/mm/yyyy
Title:
mr/mrs/miss/ms
Prior [Field title] 1:
[Prior and really really really really really really really really really really really really really really really really really really really really really really really excessively long value] 1
Prior [Field title] 2:
[Prior and really really really excessively long value] 2
Title:
mr/mrs/miss/ms
Prior [Field title] 1:
[Prior and really really really really really really really really really really really really really really really really really really really really really really really excessively long value] 1
[Prior and really really really really really really really really really really really really really really really really really really really really really really really excessively long value] 1
Prior [Field title] 2:
[Prior and really really really excessively long value] 2

A sub-heading, using <h4></h4>


Example table using the caption element for a heading
Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Displaying X to XX of XXX records found < previous 1 2 3 4 5 6 7 8 9 10 next >

In Confidence