</td>
</tr>
Adjusting Height
|
Property: height
$('#dialog').ejDialog({
height: 400
})
|
Property: height
var dialog = ej.popups.Dialog({
height: '50%'
})
|
Adjusting width
|
Property: width
$('#dialog').ejDialog({
width: 400
})
|
Property: width
var dialog = ej.popups.Dialog({
width: '50%'
})
|
Adding custom class
|
Property: cssClass
$('#dialog').ejDialog({
cssClass: 'custom-class'
})
|
Property: cssClass
var dialog = ej.popups.Dialog({
cssClass: 'custom-class'
})
|
Adding zIndex
|
Property: zIndex
$('#dialog').ejDialog({
zIndex: 2000
})
|
Property: zIndex
var dialog = ej.popups.Dialog({
zIndex: 2000
})
|
Maximum height
|
Property: maxHeight
$('#dialog').ejDialog({
maxHeight: 600
})
|
Not Applicable
|
Maximum width
|
Property: maxWidth
$('#dialog').ejDialog({
maxWidth: 600
})
|
Not Applicable
|
Minimum height
|
Property: minHeight
$('#dialog').ejDialog({
minHeight: 300
})
|
Not Applicable
|
Minimum width
|
Property: minWidth
$('#dialog').ejDialog({
minWidth: 300
})
|
Not Applicable
|
Adding html attributes
|
Property: htmlAttributes
$('#dialog').ejDialog({
htmlAttributes: {
class: 'my-class'
}
})
|
Not Applicable
|
Custom icon in the header
|
Property: faviconCSS
$('#dialog').ejDialog({
faviconCSS: 'custom-icon'
})
|
Not Applicable
|
Rounded corner appearance
|
Property: showRoundedCorner
$('#dialog').ejDialog({
showRoundedCorner: true
})
|
Not Applicable
|
Make control flexible for mobile view
|
Property: isResponsive
$('#dialog').ejDialog({
isResponsive: true
})
|
Not Applicable
|
Close the Dialog
|
Method: close()
$('#dialog').ejDialog('close')
|
Method: hide()
var dialog = ej.popups.Dialog()
dialog.appendTo(''#ej2Dialog'')
dialog.hide()
|
Event triggers before the dialog closes
|
Event: beforeClose()
$('#dialog').ejDialog({
beforeClose: function () {}
})
|
Event: beforeClose()
var dialog = ej.popups.Dialog({
beforeClose: beforeCloseDialog
})
dialog.appendTo('#ej2Dialog')
function beforeCloseDialog() {}
|
Event triggers when the dialog closes
|
Event: close()
$('#dialog').ejDialog({
close: function () {}
})
|
Event: close()
var dialog = ej.popups.Dialog({
close: CloseDialog
})
dialog.appendTo('#ej2Dialog')
function CloseDialog() {}
|
Destroy the control
|
Method: destroy()
$('#dialog').ejDialog('destroy')
|
Method: destroy()
var dialog = ej.popups.Dialog()
dialog.appendTo(''#ej2Dialog'')
dialog.destroy()
|
Focus the dialog element
|
Method: focus()
$('#dialog').ejDialog('focus')
|
Not Applicable
|
Check whether the dialog is open
|
Method: isOpen()
$('#dialog').ejDialog('isOpen')
|
Not Applicable
|
Maximize the dialog
|
Method: maximize()
$('#dialog').ejDialog('maximize')
|
Not Applicable
|
Minimize the dialog
|
Method: minimize()
$('#dialog').ejDialog('minimize')
|
Not Applicable
|
Open the dialog
|
Method: open()
$('#dialog').ejDialog('open')
|
Method: show()
var dialog = ej.popups.Dialog()
dialog.appendTo(''#ej2Dialog'')
dialog.show()
|
Event trigger before the dialog opens
|
Event: beforeOpen()
$('#dialog').ejDialog({
beforeOpen: function () {}
})
|
Event: beforeOpen()
var dialog = ej.popups.Dialog({
beforeOpen: beforeOpenDialog
})
dialog.appendTo('#ej2Dialog')
function beforeOpenDialog() {}
|
Event triggers when the opens the dialog
|
Event: open()
$('#dialog').ejDialog({
open: function () {}
})
|
Event: open()
var dialog = ej.popups.Dialog({
open: function() {}
})
dialog.appendTo('#ej2Dialog')
|
Refresh the dialog
|
Method: refresh()
$('#dialog').ejDialog('refresh')
|
Method: refreshPosition()
var dialog = ej.popups.Dialog()
dialog.appendTo(''#ej2Dialog'')
dialog.refreshPosition()
|
Pin/ unpin the dialog
|
Method: pin
$('#dialog').ejDialog('pin')
$('#dialog').ejDialog('unpin')
|
Not Applicable
|
Event triggers after the dialog created successfully
|
Event: create()
$('#dialog').ejDialog({
create: function () {}
})
|
Event: created()
var dialog = ej.popups.Dialog
created: function() {}
})
dialog.appendTo('#ej2Dialog')
|
Event triggers when the control destroyed successfully
|
Event: destroy
$('#dialog').ejDialog({
destroy: function () {}
})
|
Not Applicable
|
Event triggers on clicking on modal dialog overlay
|
Not Applicable
|
Event: overlayClick()
var dialog = ej.popups.Dialog({
overlayClick: function() {}
})
|
</table>