Wijmo UI for the Web
wijdialog jQuery Widget
Add maximizing, minimizing, content toggling, and pinning features to jquery.ui.dialog.
Syntax
$(function () {
    var options; // Type:  wijmo.dialog.wijdialog.options
     
    $(".selector").wijdialog(options);
});
function wijdialog() : any;
Options
 NameDescription
public Option

Default value: 'body'

Sets the element the dialog (and overlay, if modal) appends to.

 
public Option

Default value: true

If set to true, the dialog will automatically open upon initialization. If false, the dialog will stay hidden until the open() method is called.

 
public Option

Default value: []

Specifies which buttons should be displayed on the dialog. The context of the callback is the dialog element; if you need access to the button, it is available as the target of the event object.

 
public Option

The captionButtons option determines the caption buttons to show on the wijdialog title bar.

 
public Option

Default value: true

Specifies whether the dialog should close when it has focus and the user presses the esacpe (ESC) key.

 
public Option

Default value: 'Close'

Specifies the text for the close button. Note that the close text is visibly hidden when using a standard theme.

 
public Option

Default value: null

The collapsingAnimation option determines the animation effect that is used when the wijdialog is collapsed.

 
public Option

Default value: ""

This option specifies the URL for the iframe element inside wijdialog.

 
public Option

Default value: ""

The specified class name(s) will be added to the dialog, for additional theming.

 
public Option

Default value: true

If set to true, the dialog will be draggable by the title bar. Requires the jQuery UI Draggable widget to be included.

 
public Option

Default value: null

The expandingAnimation option determines the animation effect that is used when the wijdialog is expanded.

 
public Option

Default value: 'auto'

The height of the dialog.

 
public Option

Default value: null

If and how to animate the hiding of the dialog.

 
public Option

Default value: null

The maximum height to which the dialog can be resized, in pixels.

 
public Option

Default value: null

The maximum width to which the dialog can be resized, in pixels.

 
public Option

Default value: 150

The minimum height to which the dialog can be resized, in pixels.

 
public Option

Default value: ""

The minimizeZoneElementId option specifies the ID of the DOM element to dock to when wijdialog is minimized.

 
public Option

Default value: 150

The minimum width to which the dialog can be resized, in pixels.

 
public Option

Default value: false

If set to true, the dialog will have modal behavior; other items on the page will be disabled, i.e., cannot be interacted with. Modal dialogs create an overlay below the dialog but above other page elements.

 
public Option

Specifies where the dialog should be displayed. The dialog will handle collisions such that as much of the dialog is visible as possible.

 
public Option

Default value: true

The resizable option allows you to control whether your users can resize the dialog. To block users from resizing the dialog, set this option to "false." When true, the resize handle is at the bottom right corner of the dialog.

 
public Option

Default value: null

If and how to animate the showing of the dialog.

 
public Option

Default value: true

The stack option allows the dialog to stack on top of other dialogs, causing it to move to the front of other dialogs when it gains focus.

 
public Option

Default value: null

Specifies the title of the dialog. If the value is null, the title attribute on the dialog source element will be used.

 
public Option

Default value: 300

The width of the dialog, in pixels.

 
public Option

Default value: 1000

This option specifies the starting z-index for the dialog.

 
Top
Methods
 NameDescription
public MethodThe close method closes the dialog widget.  
public MethodRemoves the wijdialog functionality completely. This returns the element to its pre-init state.  
public MethodThe getState method gets the state of the dialog widget.  
public MethodThe isOpen method returns true if the wijdialog is currently open. You can call this method to check whether or not the wijdialog is open before you complete an event or function.  
public MethodThe maximize method maximizes the wijdialog.  
public MethodThe minimize method minimizes the wijdialog.  
public MethodThe moveToTop method moves the wijdialog to the top of the stack if you have several different elements in your application.  
public MethodThe open method opens an instance of the wijdialog.  
public MethodThe pin method prevents the wijdialog from being moved.  
public MethodThe refresh method refreshes the iframe content within the wijdialog.  
public MethodThe reset method resets dialog properties such as width and height to their default values.  
public MethodThe restore method restores the wijdialog to its normal size from either the minimized or the maximized state.  
public MethodThe toggle method expands or collapses the content of the wijdialog.  
public MethodReturns a jQuery object containing the generated wrapper.  
Top
Events
 NameDescription
public EventTriggered when a dialog is about to close. If canceled, the dialog will not close.  
public EventThe blur event is called when the dialog widget loses focus.  
public EventThe buttonCreating event is called before the caption buttons are created. It can be used to change the array of the buttons or to change, add, or remove buttons from the title bar.  
public EventTriggered when the dialog is closed.  
public EventTriggered when the dialog is created.  
public EventTriggered while the dialog is being dragged.  
public EventTriggered when the user starts dragging the dialog.  
public EventTriggered after the dialog has been dragged.  
public EventTriggered when the dialog gains focus.  
public EventTriggered when the dialog is opened.  
public EventTriggered while the dialog is being resized.  
public EventTriggered when the user starts resizing the dialog.  
public EventTriggered after the dialog has been resized.  
public EventThe stateChanged event is called when the dialog state ("maximized", "minimized", "normal") is changed.  
Top
See Also

Widgets

Dialog

Reference

wijdialog jQuery Widget