AppGini Community Forums

Posted: **2021-03-20 13:31**

Hi Jan, All,

I am using the multi-column output, as

$j(function() {
	var dv = new AppGiniDetailView();

	var rowAuction = dv.addLayout([6, 6], "Auction Information", false)
		.add(1, ["Auction", "Vehicle", "Sale_Status", "Buyer", "Bidder_Number"])
		.add(2, ["Lot_Num", "Status" ])
		;

	$j(".form-control-static").css("padding", 0);  // align label with data
})

Fields in column 1 on the left are dropdown, fields on the right are readonly values. As you describe on https://appgini.bizzworxx.de/products/j ... -layout/2/ there is a UI flaw with the alignment. I applied the style tweak but perhaps that does not work for readonly(?).

: ReadonlyAlign.png (5.76 KiB) Viewed 2680 times

Any ideas?

Thanks.

~Paul
AG v5.84

Posted: **2021-03-20 14:08**

I suggest you should inspect the controls in the right column and check margin and padding css settings. This depends on the selected theme.

Then adjust padding and margin in a <style> section for example in header-extras.php

Posted: **2021-03-21 16:01**

Thanks Jan. Actually removing the line

$j(".form-control-static").css("padding", 0); // align label with data

made it look respectable.

~Paul

AppGini Community Forums

Label/data alignment for readonly field

Label/data alignment for readonly field

Re: Label/data alignment for readonly field

Re: Label/data alignment for readonly field