logo The World’s #1 Bootstrap 4 HTML, Angular 9, React, VueJS & Laravel
Admin Dashboard Theme

Dialog

Overview

KTDialog is a Metronic's custom plugin defined in [metronic]/theme/html/[demo]/src/js/components/base/dialog.js.

Initialization

Pass options into the plugin for initialization.

var loading = new KTDialog({
  'type': 'loader',
  'placement': 'top center',
  'message': 'Loading ...'
});

Options

var options = {
  'placement' : 'top center',
  'type'  : 'loader',
  'width' : 100,
  'state' : 'default',
  'message' : 'Loading...'
}; 
Field Type Description
placement string

The place where the dialog be placed.

Sample
'placement' : 'top center'
type string

Type of the dialog

Sample
type: 'loader'
width string

Set the dialog width

Sample
'width' : 100
state string

Set the dialog state

Sample
'state' : 'default'
message string

Set the dialog message.

Sample
'message' : 'Loading...'

API Methods

Method Description
one(name, handler)

Attach event that will be fired once @returns {KTToggle}