NIPO ODIN Version 5.17

Previous Topic

Next Topic

CSS for Buttons

Buttons that need to be displayed on screen take the form of an <input> tag with the class selectors odinbutton and odinbutton{mnemonic} where {mnemonic} is replaced by a unique identifier for the button (see the table below). These <input> tags all are of type submit.

The value attribute contains the caption of the button, while the id-attribute contains odinbutton{menmonic}. If the defined caption contains an ampersand (&), the character following the first ampersand is converted to form the value of the accesskey attribute to create a keyboard shortcut.

Buttons selectors

Selector Desciption

odinbuttonpanel

Location of the buttons

odinbutton

Generic input for every button.

odinbuttonOK

OK Button

odinbuttonBACK

Back Button

odinbuttonSTART

Start Button

odinbuttonCLOSE

Close Button

odinbuttonHELP

Help Button

odinbuttonDONTKNOW

Don't know Button (in *QUESTION *SCALE *NON)

odinbuttonNEXT

Next Button (in *HELP pages)

odinbuttonPREV

Previous Button (in *HELP pages)

odinbuttonSUSPEND

Suspend Button

odinbuttonQBUT0

First question defined button (*BUT)

odinbuttonQBUT1

Second question defined button (on same question)

odinbuttonQBUT2

Third question defined button (on same question)

odinbuttonQBUT3

Fourth question defined button (on same question)

odinbuttonQBUT4

Fifth question defined button (on same question)

See Also