AngularJS Dialog Maximize and Minimise icons on header

505 views
Skip to first unread message

john.2....@bt.com

unread,
Jul 28, 2015, 5:44:56 AM7/28/15
to AngularJS
Does anyone know how I can add a maximize, minimize and reset icon to the top on an AngularJS Dialog window? Currently I can only access the close icon.

Chiheb Ben Jemia

unread,
Jul 30, 2015, 8:57:05 AM7/30/15
to AngularJS, john.2....@bt.com
hi

use dialogExtend 

.dialogExtend({
                            "closable": json.closable,
                            "maximizable": json.maximizable,
                            "minimizable": json.minimizable,
                            "collapsable": json.collapsable,
                            "dblclick": "maximize",
                            "titlebar": json.titlebar,
                            "minimizeLocation": "left",
                            "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"
                            },
                            "load": function (evt, dlg) {

john.2....@bt.com

unread,
Jul 30, 2015, 11:44:20 AM7/30/15
to AngularJS, cbj.g...@gmail.com
Hi
   The current dialog is called from a directive, can I add in the extended options there?

link:function (scope, element, attrs) {
            var dialogOptions = {
                autoOpen:false, modal:true,
                width:(!_.isUndefined(attrs.width)) ? attrs.width : "auto",
                open:function () {
                   ...
                    }
                }
            };

Where do I download extendDialog from?

Regards
John Thompson
Reply all
Reply to author
Forward
0 new messages