intra-mart Accel Platform / Script Development Model Programming Guide

«  Ajax Error Handling   ::   Contents   ::   HTML/CSS Coding Tips  »

Dialog Guidelines

Dialog Guidelines

  • It compiles the guidelines for dialog.
  • In intra-mart Accel Platform , basically window.alert and window.confirm is not used for design uniformity.

Implementation method

  • imuiAlert is used for the warning dialog of window.alert().

  • imuiConfirm is used for the confirmation dialog of window.confirm().

  • imuiDialog is used in the pop up screen of Input Auxiliary Screen.

    • Refer to API list for the details.

Placement of buttons

  • General-purpose Dialog box (like Input Auxiliary Screen)

    • “OK”, “Cancel” buttons are placed.
      However, when wording is not suitable with “OK”, determine by functional units, such as an “Input” and “Determine”.

Title

  • Set by not using any word having grammatical variations e.g. “Input error” and “Registration Confirmation”.

Icon

alert, confirm display icon

Icon Image  
warning imuiAlert
question imuiConfirm

Message and Icon

  • Refer the following if an icon is displayed for messages other than the above.
Icon Image Meaning Message Example
error Process cannot be continued, failed,error etc.
“Failed in processing” “Registration could not be
done.”
warning Warning like the process can be continued by the user operations. ” Select XXX to be deleted.
confirmation Completes the process normally like Normal, success etc. “Succeeded in processing.” “Registered”
information The information which is to be displayed at the top of the input form
question Confirmation etc., Confirms continuation of user operation “Registering. Do you want to continue?”
  • Icon size of 16, 24, 32 pixels is provided.
    Select the size according to the screen.
    32 or 24 are recommended to deliver the message.

«  Ajax Error Handling   ::   Contents   ::   HTML/CSS Coding Tips  »