Dialog

closable

Use this option to set the dialog closable or unclosable.
If the dialog is closable it will close in case the user clicks on any other element on the page.

$A.newDialog({
    closable: false
}).draw();                  
            

$A.newDialog().closable(false).draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.closable(false);  //returns dialog

//Getter
console.log(dialog.closable()); //returns value of closable
            

content

The content inside the widget can be any jQuery object, AutomizyJS form or HTML code.

$A.newDialog({
    content: $('<div class="automizy-dialog-content">Content</div>')
}).draw();                  
            

$A.newDialog().content($('<div class="automizy-dialog-content">Content</div>')).draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.content($('<div class="automizy-dialog-content">Content</div>'));  //returns dialog

//Getter
console.log(dialog.content()); //returns the content element
            

hash

Use this method to set the hash tag in the browser url.

$A.newDialog({
    hash: "newHash"
}).draw();
            

$A.newDialog().draw().hash("newHash");
            

var dialog = $A.newDialog().draw();
//Setter
dialog.hash("newHash");  //returns dialog

//Getter
console.log(dialog.hash()); //returns value of hash
            

minHeight

Use this method to set the minimum height of the dialog box.

$A.newDialog({
    minHeight: "200px"
}).draw();
            

$A.newDialog().draw().minHeight("200px");
            

var dialog = $A.newDialog().draw();
//Setter
dialog.minHeight("200px");  //returns dialog

//Getter
console.log(dialog.minHeight()); //returns value of minHeight
            

position

Use this function to set the position if the dialog widget.
First word of string: Horizontal position. Accepted values: left | center | right
Second word of string: Vertical position. Accepted values: top | middle | bottom

var dialog = $A.newDialog({position: 'left bottom'}).draw();
            

var dialog = $A.newDialog().position('left bottom').draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.position('left bottom'); //returns dialog

//Getter
console.log(dialog.position());  //returns value of position
            

positionX

positionX determines the distance between the left edge of the dialog widget and the left edge of its containing element in pixels.

$A.newDialog({
    positionX: '100px'
}).draw();                  
            

$A.newDialog().positionX('100px').draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.positionX('100px');  //returns dialog

//Getter
console.log(dialog.positionX()); //returns value of positionX
            

positionY

positionY determines the distance between the top edge of the dialog widget and the top edge of its containing element in pixels.

$A.newDialog({
    positionY: '100px'
}).draw();                  
            

$A.newDialog().positionY('100px').draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.positionY('100px'); //returns dialog

//Getter
console.log(dialog.positionY()); //returns value of positionY
            

title

The displayed title in the dialog widget.

$A.newDialog({
    title: 'MyDialog'
}).draw();                  
            

$A.newDialog().title('MyDialog').draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.title('MyDialog'); //returns dialog

//Getter
console.log(dialog.title()); //returns value of title
            

width

The width of the dialog widget.

$A.newDialog({
    width: 600
}).draw();                  
            

$A.newDialog().width(600).draw();
            

var dialog = $A.newDialog().draw();
//Setter
dialog.width(600);  //returns dialog

//Getter
console.log(dialog.width()); //returns value of width
            

close

Invoke this function to close the current dialog.

var dialog = $A.newDialog().draw();
dialog.open();
setTimeout(function(){
    dialog.close();
    },1000);
            

open

Invoke this function to open the current dialog.

var dialog = $A.newDialog().draw();
dialog.open();
setTimeout(function(){
    dialog.close();
    },1000);
            

setMaxHeight

This is a helper function which adjusts the dialog window's max height to the browser.
If the dialog would be hang out of the browser window this function will make it just the right size and add a scrollbar to it.

var dialog = $A.newDialog({
    content: $('<div class="automizy-dialog-content">Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br></div>')
}).draw();