Check box alignment

Hi, I’m wondering if there is a way to align my checkboxes like in the second image. The first one is separated with column breaks, however I would l prefer it aligned like the second image (photoshopped).

Could it be done with a client script perhaps?


Hi @Shaun,

Please apply it.

frappe.ui.form.on('Your DocType', {
	refresh: function(frm) {
	    $("div[data-fieldname = responsible_person]").css({'margin-left': -260});
	    $("div[data-fieldname = authorised_person]").css({'margin-left': -455});
	}
});

Thank You!

2 Likes

Works like a charm. Thanks so much!

Do you know if there is a way to do this dynamically so that it resizes correctly? I find this solution breaks when moving into mobile aspects, or just narrow views.

Cheers!