Vertical centering of elements

Forms
1

Hello support team
I have a Sharepoint Chois field and am trying to center it vertically in the field. Is there a simple trick to do this?

I work with the desktop version of Plumsail

image
image956×123 8.27 KB

Thx
Andreas

2

Hey @Andreas_Sch,

You can choose the "Center" vertical alignment option like so:
Screenshot (200)

Let me know if this helps.

3

Hi IliaLazarevskii

the vertical centering is not available to me with the desktop version of Plumsail it seems.

image

thx
Andreas

4

Hey @Andreas_Sch,

Which version of Forms do you use, Forms for SharePoint Online or Forms for SharePoint 2019/SE?

If you're using SP Online, then please update the Forms Designer. If not, centering a field vertically will require custom CSS.

5

I use the desktop version of Plumsail in version 2.0.7, not the online version.

image
image1035×440 16.7 KB

How can I do this with CSS?

thx
Andreas

6

Hi @Andreas_Sch,

Put the Choice field inside any container, then apply this CSS class to the container:

.centering-container {
  display: flex;
  align-items: center;
  height: 600px; 
}

Depending you your use case, you might need to adjust the height parameter or to assign it in a different way.

Let me know if this helps.

7

Hi IliaLazarevskii
Thank you very much, it worked just as I wanted it to.

:grinning:
Greeting
Andreas