Bruno Modal PopUp Dialog

Bruno Modal PopUp Dialog Created by studio2006. This templates have specific characteristics, namely: The Modal Pop-up Dialog Box on jQuery, jQuery UI and DialogExtend with the skins in the style of .

You can use this Bruno Modal PopUp Dialog on Javascript category for collapse, color, dialog, draggable, fullscreen, maximize, metro, minimize, modal, multimodal, popup, resizable, themes and another uses.

Bruno Modal PopUp Dialog
© Copyright by studio2006

Features:

  • None: None
  • Jquery: jQuery
  • No: No
  • Ie8, ie9, ie10, ie11, firefox, safari, opera, chrome: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css, layered psd: JavaScript JS, HTML, CSS, Layered PSD

The Modal Pop-up Dialog Box on jQuery, jQuery UI and DialogExtend with the skins in the style of Metro.

Overview

Neat, simple, and ABSOLUTELY unobtrusiveExtending (instead of replacing) original jQuery UI dialogMaximize, Minimize and Collapse  buttonsShow/Hide close buttonDouble-clickable title barEnhanced title bar optionsConfigurable iconsCustom events20 color themesBonus jsMetro skin for jsPanel

This is a standard Windows jQuery UI, if You know how to apply:

$('#my-button').click(function() {    $(' This is content ').dialog({        'title': 'This is dialog title',        'dialogClass': 'ui-dialog-blue',        'buttons': {'OK': function() {$(this).dialog('close');}}        });});

Obviously You can use this code:

$('#my-button').click(function() {    $(' This is content ').dialog({        'title': 'This is dialog title',        'dialogClass': 'ui-dialog-blue',        'buttons': {'OK': function() {$(this).dialog('close');}}        });}).dialogExtend({    'closable': true,    'maximizable': true,    'minimizable': true,    'collapsable': true,    'dblclick': 'collapse',    'minimizeLocation': 'right',    'icons': {        'close': 'ui-icon-circle-close',        'maximize': 'ui-icon-circle-plus',        'minimize': 'ui-icon-circle-minus',        'collapse': 'ui-icon-triangle-1-s',        'restore': 'ui-icon-bullet'     }});

Detailed guidance is attached.

Updates:

Version 1.0.2 – 18.02.2015

  • ADDED: Multimodal demonstration.
  • ADDED: Bonus jsMetro skin for jsPanel.

Version 1.0.1 – 16.08.2014

  • ADDED: Switch color schemes.
  • ADDED: Effects show and hide.
  • ADDED: Template Bootstrap 3 with support for form elements.