JQuery UI Message box Samples

Sample 1. Easy usage

To show Message box - to call the function "$.showMessageBox" with the text that you want to show.

$.showMessageBox("Very simple message box!");

Sample 2. Custom title and content

To show Message box with additional parameters, you must call the function "$.showMessageBox" settings.

$.showMessageBox({
        content:"Very simple usage Message box!",
        title: 'My information',
      });

Sample 3. Custom type

To show alert Message box, you must call the function "$.showMessageBox" with settings. In settings set type to 'alert'

$.showMessageBox({
        content:"Warning message!",
        title: 'Warning',
        type: 'warning'
      });

$.showMessageBox({
        content:"Stop message!",
        title: 'Stop',
        type: 'stop'
      });

Sample 4. Question message box

To show Message box with question, you must call the function "$.showMessageBox" with settings. In the settings you must specify the type of 'question'.

$.showMessageBox({
        content:"OK or close!",
        title: 'My qestion',
        OkButtonDoneFunction: function() {
          alert('Pressed OK!');
        },
        type:'question'
      });

Sample 5. Extended question message box

To show Message box with extended question, you must call the function "$.showMessageBox" with settings. In the settings you must specify the type of 'question' and set buttons text

$.showMessageBox({
        content:"Yes or No, may be close!",
        title: 'My extended qestion',
        OkButtonDoneFunction: function() {
          alert('Pressed Yes!');
        },
        type:'question',
        OkButtonText: 'Yes',
        NoButtonText: 'No'
      });

Sample 6. Addtional information

$.showMessageBox({
        title: 'Exception',
        type:'alert',
        content:"Not correct value!",
        AdditionalInformation:"Value 'xxxx' is not correct! \nPage: 'zzz.aspx', line: 10",
      });