Question

Government

How can I reposition the dropdown to move it upwards?

Laserfiche Forms

Updated January 17, 2024

asked on January 16, 2024

Hello Team! I'm trying to move the dropdown upwards, but I'm facing challenges in doing so. Upon reviewing the image, I noticed that the dropdown is currently positioned at the bottom, and it doesn't appear aesthetically pleasing.

I've attached an image for your reference. Any assistance in adjusting the dropdown placement would be greatly appreciated.

Thanks in advance!

bottomLF.PNG (11.27 KB)

| Download

0 0

Answer

SELECTED ANSWER

replied on January 16, 2024

Okay, thanks! You need to set the vertical-align attribute. For example, if your dropdown field has a css class of TwoPerLine, your css page might include the following:

 /*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:50%; vertical-align:top;}
.TwoPerLine .cf-medium {width:90%;}
.TwoPerLine .calendar {width:80%;}

Setting the vertical-align in your display settings will align your dropdown with the top of the local div, like so:

0 0

replied on January 17, 2024

the missing part was vertical-align! thank you for your answer! I left the code I used is someone need it:

/*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:50%; vertical-align:top;}
.TwoPerLine .cf-medium {width:100%;}

0 0

Replies

replied on January 16, 2024 • Show version history

Hi Fabian,

You should be able to do this with some css. Are you using the new Forms Designer or the Classic? Are these fields in a table, collection, or are they just standard fields? What existing CSS, if any, have you applied?

0 0

replied on January 16, 2024

I dont know if I am using designer or the classic. I left an image like reference

I dont know what css code can help me. Do you have an idea?

0 0

replied on January 16, 2024

You're using the classic designer

0 0

You are not allowed to follow up in this post.

Question

Question

How can I reposition the dropdown to move it upwards?

Answer

Replies

Sign in to reply to this post.