message

shows a non-modal info message box

string message(string|object content, [string type,number expire,id id] );

content

string|objectmandatory, the text to show or an object with the config of a message. This parameter may include an HTML string that allows rendering an icon in the message type

stringoptional, the type of a message box: "info", "success", "debug", or "error" expire

numberoptional, the expire interval for a message in milliseconds, 4000 by default, -1 for not hiding the message ididoptional, the id of a message box

string

the ID of the message box

Example

// basic initialization
webix.message("Some message","info",-1,"message1");
 
// extended initialization
webix.message({
    text:"Form Data are Invalid",
    type:"error", 
    expire: 10000,
    id:"message1"
});

Related samples

Validation with a Complex Rule

Details

Hiding a message

Message boxes can be hidden using API:

var message = webix.message("Hi!");
webix.message.hide(message);
 
// or via the given message id
webix.message("Hi!","info",-1,"hi");
webix.message.hide("hi");

Global settings

webix.message also provides the following global settings that are applied to all message instances:

webix.message.expire (number) - expiration time in ms (4000 by default);

webix.message.expire = 2000; // messages expire in 2 seconds

webix.message.position (string) - manages the vertical positon of messages and order of their appearance. "top" by default.

// messages appear in the right bottom corner
webix.message.position = "bottom";

The position setting takes the following values:

"top" - messages are added one below another in the top right corner of the screen
"left" - messages are added one below another in the top left corner of the screen
"bottom" - messages are added one above another in the bottom right corner of the screen

If you want to specify custom horizontal or vertical position use CSS.