[SOLVED] Column width in form designer

Hello,
I am quite new to development with the framework.
Basically I get everything programmed and set up so far.
But what I can’t do is to customize the form so that the width of the columns is different.
How do I get it so that the table on the left is about 70% wide and the total on the right is 30%.

That for, you have to apply the client script for that doctype.

Please check it.

frappe.ui.form.on('Test DocType', {
    refresh: function(frm) {
        var $form_layout = frm.fields_dict['section_break_tbtz'].wrapper;
        var $columns = $form_layout.find('.form-column');
        if ($columns.length === 2) {
            $($columns[0]).css({
                'max-width': '70%',
                'flex': '0 0 70%'
            });
            $($columns[1]).css({
                'max-width': '30%',
                'flex': '0 0 30%'
            });
        }
    }
});

Please set your doctype name and section field name in the script your according to.

Output:

2 Likes

Perfect, thank you very much that works.
I thought that I could set it with the properties such as with or columns.