Table columns alignment

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
kloosterj
Posts: 8
Joined: Thu Dec 08, 2016

09 Dec 2016

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

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

09 Dec 2016

Hi,

Could you provide screenshots of the design and the result?

kloosterj
Posts: 8
Joined: Thu Dec 08, 2016

14 Dec 2016

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

kloosterj
Posts: 8
Joined: Thu Dec 08, 2016

14 Dec 2016

Let me retry the design part... doesn't show well

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

14 Dec 2016

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?

kloosterj
Posts: 8
Joined: Thu Dec 08, 2016

14 Dec 2016

Hi Dmitri, I have just sent you the files requested.

- Jan

YuriyMedvedev
Moderator
Posts: 33
Joined: Wed Sep 21, 2016

14 Dec 2016

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.

kloosterj
Posts: 8
Joined: Thu Dec 08, 2016

14 Dec 2016

Works a charm! Thanks very much for your quick help.

Kind regards,

Jan

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests