Change MultiSelect Dialog width

Hello I want to change multiselct dialog so how can i change dialogbox width without custom css? using frappe.ui.form.on(‘Packing list’, {
refresh: function (frm) {
frm.add_custom_button(__(‘Get Serial No.’), function () {
var d = new frappe.ui.form.MultiSelectDialog({
doctype: “Serial No”,
target: frm,
setters: {
status: “Active”,
},
add_filters_group: 1,
action(selections) {
// console.log(selections);
d.dialog.hide();

                // Display a "Hello" message after hiding the dialog
                frappe.msgprint("Hello");
            },
        });

        d.show();
    });
}

}); code

Hi @Runway,

Here i share the example/syntax, so please check it.

let d = new frappe.ui.Dialog({
    title: 'Enter details',
    fields: [
        {
            label: 'First Name',
            fieldname: 'first_name',
            fieldtype: 'Data'
        },
        {
            label: 'Last Name',
            fieldname: 'last_name',
            fieldtype: 'Data'
        },
        {
            label: 'Age',
            fieldname: 'age',
            fieldtype: 'Int'
        }
    ],
    size: 'small', // small, large, extra-large 
    primary_action_label: 'Submit',
    primary_action(values) {
        console.log(values);
        d.hide();
    }
});

d.show();

You can add size with any type of CSS.

More details for check the Dialog API documentation.

I hope this helps.

Thank You!

Hello, Thankyou @NCP It solution also work in MultiSelectDialog.