Page History

Code Block

language	js
title	Example success type message from CLAPI (notification non-modal):

akioma.swat.Message.message({
   title: "Success",
   type: "success",
   text: "DatensatzInformation erfolgreichwas gespeichertsaved",
   expire: 5000
});

Code Block

language	js
title	Example modal default OK button

akioma.swat.Message.message({ type: "success", text:"DatensatzInformation erfolgreichwas gespeichertsaved", modal: true});

Code Block

language	js
title	Example (modal custom buttons from array)

akioma.swat.Message.message({ type: "success", text:"Are you sure?", modal: true, buttons: ['Yes','No']});

Code Block

language	js
title	Example Smart Message from Backend

akioma.swat.Message.displayMessageNum("MSGGROUP", 56, {
    type: 'confirm', // the type is coming also from the back-end, but it can be overwritten
    closeOnEsc: false, // default is set to TRUE
    closeOnClickOutside: false, // default is set to FALSE
	modal: true // if not specified, it will use the defaults for the message type
})
??
// get message type from the backend
akioma.swat.Message.getMessageType("MSGGROUP", 56).then(msgType=> {
      console.log(msgType);
});
??
akioma.swat.Message.getMessageNum("MSGGROUP", 56).then(result => {
      akioma.swat.Message.message({
        type  : "warning",
	    showMessageCode: false, // default is TRUE, if to display or not the message code after the text of the message
        text  : result.MessageText,
        modal : true
      });
});

akioma.message({ type: 'info', text: 'Some modal text content

Code Block

language	js
title	Shorthand for modal messages

	Example with custom buttons and callback support:

akioma.swat.Message.message({ 
    type: "success", 
    text:"One of 10 excel files was uploaded successfully.", 
    modal: true, 
    buttons: ["Continue", "Stop"],
    callback: (val) => { 
        console.log(val); 
    }
});
/* 
in the above example, if you click on the Continue button, it will return NULL,
if you click on the Stop button, it will return True
!!! We recommend to use the example from below, to define the full behaviour of the buttons and the values returned by each button on click !!!
*/??

akioma.swat.Message.message({ 
      type: "success", 
      text:"Are you sure?",
      modal: true, 
      buttons: {
        replyyes: {
               text: "Yes",
               value: "yes was pressed",
               visible: true,
               className: "", // for custom styling
               closeModal: true,
        },
        replyno: {
              text: "No",
              value: "no was pressed",
              visible: true,
              className: "", // for custom styling
              closeModal: true
        }
    
}, callback: function(val){ 
      console.log(val); 
}});
??
akioma.swat.Message.message({
	type : "info",
	closeOnEsc: false, // default is set to TRUE
	closeOnClickOutside: false, // default is set to FALSE
	text : 'Some random text here',
	modal : true
});

Code Block

language	js
title	Example with buttons as object and more text:

akioma.swat.Message.message({
    title: "Success",
    type: "Success",
    text: "Everything went good!",
    modal: true,
    buttons: {
        ok: {
            text: 'Ok',
            value: 'ok was pressed'
        },
        cancel: {
            text: 'cancel',
            value: 'cancel was presses'
        }
    },
    moretext: 'More informations here'
});

If the buttons attribute is an array, we can specify max 2 buttons. When more than 2 buttons are added, the array will became an object to avoid errors.

Code Block

language	js
title	Example with buttons as array and more text:

akioma.swat.Message.message({
    title: "Warning",
    type: "warning",
    text: "Be carefull",
    modal: true,
    buttons: ["Continue", "Cancel"],
    moretext: 'More informations here'
});

Code Block

language	js
title	Example with moretext

akioma.swat.Message.message({
    title: "Error",
    type: "error",
    text: "Something went wrong!",
    modal: true,
    moretext: 'More informations here'
});

Page tree

Versions Compared

Old Version 4

New Version Current

Key