This document covers the following topics:
Normally, the status bar is located at the bottom of a page. It is a grey area (if using
the standard style sheet) where status information can be seen. The status information is
derived dynamically from the parameters sent with the
nat:page.message
event (see
Sending Events to the User Interface).
The information consists of three
parts:
Type of the status message - whether it is an error message (E), a warning (W) or a success message (S). Depending on the type, a small icon is displayed to the left of the message.
The status message itself - the text displayed within the status message.
A long text for the status - optional text shown in a dialog when clicking on the status message.
As an alternative to applying the status information as parameters of the
nat:page.message
event, you can apply your own
typeprop
, shorttextprop
and
longtextprop
properties to the STATUSBAR control. This will
generate the corresponding fields in your Natural variable. At runtime, you can apply the
corresponding values in the usual way. Applying values to the generated fields has the
same effect as sending the parameter values with the
nat:page.message
event. You can even mix both methods.
In the "Hello World!" application of the Natural for Ajax
demos (HELLOW-P.NSP
), you want to display an error message if the user clicks
the button and has not yet entered a name.
DECIDE ON FIRST *PAGE-EVENT ... VALUE U'onHelloWorld' IF YOURNAME = ' ' PROCESS PAGE UPDATE FULL AND SEND EVENT 'nat:page.message' WITH PARAMETERS NAME 'type' VALUE 'E' NAME 'short' VALUE 'Please enter your name' END-PARAMETERS ELSE COMPRESS "HELLO WORLD" YOURNAME INTO RESULT PROCESS PAGE UPDATE FULL END-IF ...
The screen including the error message looks as follows:
Basic | |||
typeprop |
Name of the adapter parameter that provides as value the type of the status message. The type defines the image that is rendered at the beginning of the message. Currently there are 3 supported values: E for error, W for warning, S for success. Please pay attention: Do not use the name messageType. This name is internally used when no property name is specified. |
Optional | |
shorttextprop |
Name of the adapter parameter that provides as value the message text that is visible inside the status bar. Please pay attention: Do not use the name messageShortText. This name is internally used when no property name is specified. |
Optional | |
longtextprop |
Name of the adapter parameter that provides as value the long message text. The long text pops up if clicking onto the short text mesage. Please pay attention: Do not use the name messageLongText. This name is internally used when no property name is specified. |
Optional | |
straighttext |
If the text of the control contains HTML tags then these are by default interpreted by the browser. Specifiying STRAIGHTTEXT as "true" means that the browser will directly render the characters without HTML interpretation. Example: if you want to output the source of an HTML text then STRAIGHTTEXT should be set to "true". |
Optional |
true false |
resetbefore |
If set to TRUE, the control is reset before a server roundtrip is done. |
Optional |
true false |
withdistance |
If set to TRUE then an additional distance will be added at the top of the statusbar. Default is FALSE: |
Optional |
true false |
comment |
Comment without any effect on rendering and behaviour. The comment is shown in the layout editor's tree view. |
Optional | |
Miscellaneous | |||
testtoolid |
Use this attribute to assign a fixed control identifier that can be later on used within your test tool in order to do the object identification |
Optional |