Page 1 of 1

Table columns alignment

Posted: 09 Dec 2016
by kloosterj
Hi, I have placed a Table on a New form with two columns. First column contains list fields, second column contains some descriptive Rich Text. When rendering the form, the descriptions are not top-aligned with the fields in the first column. Second column content displays lower than the first column.

I want to align the tops of the fields and the texts.

Should I add some CSS? And where should this be added?

Thanks in advance for your support,

Kind regards

Jan

Re: Table columns alignment

Posted: 09 Dec 2016
by Dmitry Kozlov
Hi,

Could you provide screenshots of the design and the result?

Re: Table columns alignment

Posted: 14 Dec 2016
by kloosterj
Here's the design:



And this is the result:



Hope the images are coming through correctly.

As you can see, in the result the tops of left and right column are not aligned anymore.

Thanks in advance for your help!

Regards, Jan

Re: Table columns alignment

Posted: 14 Dec 2016
by kloosterj
Let me retry the design part... doesn't show well

Re: Table columns alignment

Posted: 14 Dec 2016
by Dmitry Kozlov
Could you send a template of the list (go to list settings and click 'Save this list as template') and the form (export it in Forms Designer) to support@spform.com?

Re: Table columns alignment

Posted: 14 Dec 2016
by kloosterj
Hi Dmitri, I have just sent you the files requested.

- Jan

Re: Table columns alignment

Posted: 14 Dec 2016
by YuriyMedvedev
Hi!

Add the code below into CSS-editor in Forms Designer

td>div>span>p{

margin-top: -5px;



}


You can change the value to adjust vertical positioning.

Re: Table columns alignment

Posted: 14 Dec 2016
by kloosterj
Works a charm! Thanks very much for your quick help.

Kind regards,

Jan