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:
  • Home »
  • Example list screen

  • 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. Rarely (if ever) used on a list screen, the styling rules still support it being implemented here.

Example table (with the <caption> element exposed using a dual class declaration: "dataGrid capt")
Heading Heading Heading Heading Heading Heading
A lengthy text string 52 Allara Street, Canberra 2600 1234567890 12/12/2007 A much lengthier string of text to really push the data width. A much lengthier string of text to really push the data width.
Data Data Data Data Data Data
Data Data Data Data Data Data
Data Data Data 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