Align controls in table

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
jacob
Posts: 27
Joined: Thu Nov 30, 2017

22 May 2020

Hi,

I'm having trouble aligning controls in a table. I've searched the forum and tried numerous things but i'm not able to get the right result.
So in the form i have a Accordion. In each accordion container i put a table with 2 rows and 3 columns. 1 row is for the header, the 2nd row for all the controls. In the 1st column i put plain text controls. The 2nd columns had a person field and the 3rd column a date field. In the editor everything is perfectly aligned.
Knipsel1.PNG
Knipsel1.PNG (148.85 KiB) Viewed 6374 times
When looking at the form in the browser the controls are not vertically aligned. I managed to get the date column vertically aligned by adjusting the height. Not a very clean way... there must be a better solution? ;)
Knipsel2.PNG
Knipsel2.PNG (42.29 KiB) Viewed 6374 times
Now i'm trying to get the plain text field vertically aligned but whatever i try, the plain text field doesn't change. See entries under .titelcell
The current result looks like this:
Knipsel3.PNG
Knipsel3.PNG (56.4 KiB) Viewed 6374 times
I've also tried to put each field in a seperate table cell. The effect however was the same. Can you tell me what i'm doing wrong?

User avatar
mnikitina
Posts: 264
Joined: Wed Jun 05, 2019

25 May 2020

Hello Jacob,

It will be quite challenging to align controls and fields to be on the same horizontal level.

Why don't you place controls and fields side by side like this:
Capture.PNG
Capture.PNG (4.98 KiB) Viewed 6361 times
You can set the width of the Plain text controls and fields and that should make the trick.

jacob
Posts: 27
Joined: Thu Nov 30, 2017

29 May 2020

I'm not sure what's different from my approach. I already set the width of the plain text controls.
When you add multiple rows i guess you will get the same effect i had.
Is there a way to set the height of a plain text control? That should do the trick.

User avatar
mnikitina
Posts: 264
Joined: Wed Jun 05, 2019

02 Jun 2020

Hello Jacob,

I'm sorry for the delayed reply,

The difference is that when you place controls in the different tables they are aligned to the table. If you place them as I've suggested, you will not have to change the hight, the controls will be aligned in one line.

jacob
Posts: 27
Joined: Thu Nov 30, 2017

02 Jun 2020

Hi mnikitina,

Thank you for your response. I understand now what you mean. I have tried your suggestion and the controls are now aligned.

Thanks for your help!

Have a nice day.

Jacob

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 16 guests