In Confidence

Summary of available client records
[Client type] name: [Client name] hh:mm:ss EST
[Client ID type]: [Client ID] Account: [Account type and sequence No.] indicator A]
BSB & Account No.: [BSB & Account no.] Role: [Role] [indicator B]
TAN: [Tax Agent no.] Period: [Period dates] [indicator C]
Assessment: [Assessment no] [indicator D]
Transaction: [Transaction ID] [indicator E]
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, and very VERY rarely on list screens.
  • It uses the custom .Net control: Infobox.
  • This same control (and html output) is used for producing the right hand link menus seen on a handful of View screens. The only different is the addition of hyperlinks to the text in these <li>'s, a class of "rightLinks" on the containing div, and the text content and tooltip of the <H3>
  • * Denotes required field

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.

An inline process message, also referred to as a field level validation message, can be placed against each form input. This is especially used for compulsory/required fields, marked by the asterisk.
An inline process message using the direction class.
Using radio buttons:

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


Example table (rare in Add screens, though not unheard of)
Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Displaying 1 to 5 of XX records found View all
Example table (horizontal orientation)
This is the heading for the whole table
Heading Data Heading Data Heading Data Heading Data Heading Data
Heading Data Heading Data Heading Data Heading Data Heading Data
Heading Data Heading Data Heading Data Heading Data Heading Data
Displaying 1 to 5 of XX records found View all

In Confidence