$(".dialog").dialog({title: "Hello World!",message: "This is my first message",confirm: {text: "OK",className: "confirm-button"},onConfirm: function(){form.submit();}});
Direct usage for opening on load or after a callback
$.uxrdialog({title: "Hello World!",message: "This is my first message",confirm: {text: "OK",className: "confirm-button"},onConfirm: function(){form.submit();}});
Options
Property
Default
Description
title
null
Title line of the dialog
message
null
Dialog message. Could be a plain text or html formatted text
type
warning
Adds a dialog type class to the wrapper e.g. uxitd-dialog-warning
confirm
Obj
Has show (default: true), text (default: Tamam) and className (default: primary-action)attributes. Fires the confirm action
cancel
Obj
Has show (default: true), text (default: Vazgeç) and className (default: button) attributes. Fires the cancel action
buttons
Obj
Json array of other buttons
close
false
Visibility of close icon
blockUI
true
Adds an overlay at the top of the page
className
null
For advanced styling, allow to add your own style class to dialog wrapper
allowMultiple
false
Allows to open more than one dialog simultaneously
openOnload
false
If true, desired dialog will open on page load then, it will be available with on click event.
Data Attribute
Description
title
Title line of the dialog
message
Dialog message. Could be a plain text or html formatted text
type
Adds a dialog type class to the wrapper e.g. uxitd-dialog-warning
confirm
Has show (default: true), text (default: Tamam) and className (default: primary-action)attributes. Fires the confirm action
cancel
Has show (default: true), text (default: Vazgeç) and className (default: button) attributes. Fires the cancel action
close
Visibility of close icon
blockUI
Adds an overlay at the top of the page
class-name
For advanced styling, allow to add your own style class to dialog wrapper
allow-multiple
Allows to open more than one dialog simultaneously
open-onload
If true, desired dialog will open on page load then, it will be available with on click event.
on-ready
Calls the function when plugin is ready
on-open
Calls the function when dialog is opened
on-confirm
Calls the function when confirm button clicked
on-cancel
Calls the function when cancel button clicked
on-close
Calls the function when dialog is closed
confirm-text
Custom confirm button text
cancel-text
Custom cancel button text
confirm-class
For advanced styling, allow to add your own style class to confirm button
cancel-class
For advanced styling, allow to add your own style class to cancel button