CODEWITHSUNDEEP
jquerycssdialog
Elodie
Elodie

Reputation: 118

Modify the CSS (width) of a dialog

I use a dialog that contains div etc. It is defined by :

$dialogContent2.dialog({
    modal: true,
    title: "S\351lectionner une activit\351",
    close: function () {
        $dialogContent2.dialog("destroy");
        $dialogContent2.hide();
    },
    buttons: [{
        ...
    }]
});

Is it possible to define the width of the dialog ?

I've tried to modify it directy in my css file, and to modify the width of each contained element, but it doesn't work.

Thanks in advance for your help !

Upvotes: 1

Views: 2548

Answers (2)

Neb
Neb

Reputation: 354

Yes: http://jqueryui.com/demos/dialog/

You can specify the Width, it is an option:

Code examples

Initialize a dialog with the width option specified.

$( ".selector" ).dialog({ width: 460 });

Get or set the width option, after init.

//getter

var width = $( ".selector" ).dialog( "option", "width" );

//setter

$( ".selector" ).dialog( "option", "width", 460 );

Upvotes: 1

PCasagrande
PCasagrande

Reputation: 5402

$dialogContent2.dialog({
    width:480,
    modal: true,
    title: "S\351lectionner une activit\351",
    close: function () {
        $dialogContent2.dialog("destroy");
        $dialogContent2.hide();
    },
    buttons: [{
        ...
    }]
});

Upvotes: 0

Related Questions