Giter Club home page Giter Club logo

jquery-ui-dialog-maximize's Introduction

jQuery Amplified UI Dialog Maximize Extension

For jQuery UI Dialog
Version 1.1

Copyright 2012, Tony Kramer
Dual licensed under the MIT or GPL Version 2 licenses.
GPL License
MIT License

For documentation and for the latest version, see:
https://github.com/flamewave/jquery-ui-dialog-maximize

Description

This is an extension for the jQuery UI Dialog widget that adds the ability to maximize and restore the dialog.

Dependencies

  • jQuery (1.4.2 and up)
  • jQuery-ui (1.8.5 and up - core, widget, dialog)

Use

$("#dialog").dialog({ maximize: true });
<div id="dialog">My Dialog Content</div>

API Documentation

Available Options

(and their default values)
The following options are added to the existing options of the dialog widget:

  • maximize: false
    Indicates if the dialog should support being maximized.

  • openMaximized: false
    Indicates if the dialog should be opened maximized.

  • maximizeFx: { easing: null, duration: "normal", complete: null }
    Animation options for when the dialog is maximized.

    • effect - Name of jQuery animation.
    • duration - Animation duration/speed.
    • callback - A function to call once the animation is complete.
  • restoreFx: { easing: null, duration: 'normal', complete: null }
    Animation options for when the dialog is restored.

    • effect - Name of jQuery animation.
    • duration - Animation duration/speed.
    • callback - A function to call once the animation is complete.

Events

The following events are added to the existing events of the dialog widget:

  • maximized
    Raised when the dialog is maximized.

  • restored
    Raised when the dialog is restored.

Methods

The following methods are added to the existing methods of the dialog widget:

  • maximize()
    Maximizes the dialog. Chainable.

  • restore()
    Restores the dialog to it's original size if it is currently maximized. Chainable.

  • isMaximized()
    Gets a value indicating if the dialog is currently maximized.

Globalization

There is a globalization object defined that can be used to set default globalization options so that they do not need to be specified for every instance of the dialog widget. They are as follows:

$.ui.dialog.maximizeExtension.globalization = {
    // Tooltip of the maximize button.
    textMaximize: "Maximize",

    // Tooltip of the restore button.
    textRestore: "Restore"
}

jquery-ui-dialog-maximize's People

Contributors

flamewave avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.