Skip to main content
Kinetic Community

A nicer Alert option

Very often you need to display an error to the user. In these times we tend to use the alert(...) javascript function, which is nice and easy but a little on the ugly side. The Kinetic utility javascript code allows for a better approach, giving a nicer looking alert popup with some better features added, and of course is very easy to call/use.

Usage

Simply call the function KD.utils.ClientManager.alertPanel and provide a Header value, body information which can be simple or complex HTML, then also an element reference to return focus to after the user responds to the alert.

 

KD.utils.ClientManager.alertPanel(
    {
        header: 'Work Information validation',
        body: 'Please ensure that you have values in the Visibility, and Work Information Notes fields before attempting to Add Work Information',
        element: KD.utils.Util.getQuestionInput('Visibility')
    }
);

 

Sample