Add custom buttons to titlebar

[r00tk1ll]

How would I go about adding a custom button next to the 'x' close
button on the title bar? I am trying to add a '-' minus button that
will "minus" the dialog, not destroy it. Ideas?

Thanks

[Scott González]

var dialog = $(el).dialog();
var titlebar = dialog.parents('.ui-dialog').find('.ui-dialog-titlebar');

$('<button>minimize</button>')
    .appendTo(titlebar)
    .click(function() {
        dialog.toggle();
    });

[r00tk1ll]

You're good man, Ill give it a shot.

Thanks

On Jun 29, 1:32 pm, Scott González <scott.gonza...@gmail.com> wrote:
> var dialog = $(el).dialog();
> var titlebar = dialog.parents('.ui-dialog').find('.ui-dialog-titlebar');
>
> $('<button>minimize</button>')
>     .appendTo(titlebar)
>     .click(function() {
>         dialog.toggle();
>     });
>

[r00tk1ll]

Nice, First try works like a charm, thanks again

[r00tk1ll]

You wouldn't happen to know how to hide the entire dialog on minimize
would you? I still want it to be active just not displayed. Tried $
('#dialog').css("display","none"); to hide the container div "#dialog"
but it doesn't hide the titlebar or buttons??

On Jun 29, 1:32 pm, Scott González <scott.gonza...@gmail.com> wrote:

> var dialog = $(el).dialog();
> var titlebar = dialog.parents('.ui-dialog').find('.ui-dialog-titlebar');
>
> $('<button>minimize</button>')
>     .appendTo(titlebar)
>     .click(function() {
>         dialog.toggle();
>     });
>

[Scott González]

You have to hide the generated wrapper $('#dialog').parents('.ui-dialog');

[r00tk1ll]

Thanks for all your help guys, here is my combination that seems to be
working for me... Just in case someone else wants to know how to do
this:

var closeBtn = $('#dialog').parents('.ui-dialog').find("a.ui-dialog-
titlebar-close");
$(closeBtn).after('<span class="ui-icon ui-icon-minusthick">minus</
span>'); /* this adds the minus icon from the theme set */

$('.ui-icon-minusthick').click(function() {
$("#dialog").parents('.ui-dialog').css("display","none");

}); /* This hides the dialog, haven't figured out how to call it back
up yet */

On Jun 29, 6:37 pm, Scott González <scott.gonza...@gmail.com> wrote:
> You have to hide the generated wrapper $('#dialog').parents('.ui-dialog');
>