Span columns with field?

Help Center
1

How do you span the columns in a detail section as per the image below?

Detail Field Span
Detail Field Span815×641 29.5 KB

Can a detail have more than two columns?

2

Hello Peter,

Yes, it’s easy just try to move that column at end.

image
image1736×798 40.6 KB

Regards,
Sunny Singla
ssingla985@gmail.com
+919855089359

3

Hi Sunny,

I can move the field but I am unable to make it span two columns?

4

Hello Peter,

Can you try moving until it shows a black separated line showing span 2 fields?

Other wise you can add another detail view below this with this single field.

Regards,
Sunny Singla

5

Thanks for sticking with me, Sunny. Yes, I was able to do this. But I get an unattended side-effect - see image:

Detail Field Span 2

Notice that the Client_Id and the Invoice_To field have “double” height. Not sure how to get rid of that?

P.S. I got the span to work when I changed the page column setting to 50% and inserted a “soft” column on the left side. The field doesn’t seem to want to bridge the hard break, but it will on the soft break.

6

Hello Peter,

Why do you make that 50%. May be we need to make some minor css adjustment.

image
image2020×422 21.3 KB

Try to add below css as well and adjust according to your column width
.column-2 .kn-detail-label ,
.column-2 .kn-detail-body
{

    min-width: 200px !important;
		    max-width: 200px !important;

}

.column-1 .kn-detail-label
{

    min-width: 200px !important;
		    max-width: 200px !important;

}

.column-1 .kn-detail-body
{

    min-width: 75% !important;
		    max-width: 75% !important;

}

Regards,
Sunny Singla a

7

Okay, thanks Sunny.