How to display notification messages in Kendo UI Builder 2.0

Kendo UI Builder can show notification messages of the following types:

  • info
  • success
  • warning
  • error
  • dialog

The notification messages are displayed using the following statement:

        this.$scope.$emit('notification', <options>);

Notes:

  • Notifications displaying only a message use the "message" property. If a message property is not specified, the notification is not displayed.
  • The dialog notification uses the "title" property.

Examples:

        this.$scope.$emit('notification', {
            type: 'info',
            message: 'Info Message',
        });

        this.$scope.$emit('notification', {
            type: 'success',
            message: 'Success Message'
        });            

        this.$scope.$emit('notification', {
            type: 'warning',
            message: 'Warning Message',
        });

        this.$scope.$emit('notification', {
            type: 'error',
            message: 'Error Message'
        });
	
        this.$scope.$emit('dialog', {
            title: 'A text displayed in the title',
            hint: 'A text displayed in the content section.'
        });	

        this.$scope.$emit('dialog', {
            title: 'A text displayed in the title',
            hint: 'A text displayed in the content section.',
            okButton: {
                handler: function () {
                    // this function is called on button click
                },
                text: 'Button text goes here',
                hidden: true // if you like to hide the button
            },
            cancelButton: {
                // same props as okButton
            }
        });