Question

CSS code for a form in Cloud to shorten a specific Drop-down field width?

Laserfiche Cloud Forms Forms Layout Designer

Updated two days ago

asked two days ago

I'm trying to find a CSS code to shorten the width of a Drop-down field for a business process form in Laserfiche Cloud... and, this code is not working for me?

#qN select {

width: 300px !important;

}

This code is working well for Single Line field:

#qN input {

width: 300px !important;

}

and, this code is working well for Mult Line field:

#qN textarea {

width: 300px !important;

}

Any ideas? N represents my specific Field ID. I'm a beginner and I don't understand how to make CSS Classes?

Thanks!

0 0

Answer

APPROVED ANSWER

replied two days ago

Dropdowns in the form designer will adjust their size based on the field itself. You don't need to target anything inside of the HTML to get it to work. Just add a CSS class to the field in the advanced field properties like "diff-dropdown" and target it with css

.diff-dropdown {
    width: 50%;
}

2 0

Replies

replied two days ago

Awesome - it worked! Thank You !

1 0

You are not allowed to follow up in this post.

Question

Question

CSS code for a form in Cloud to shorten a specific Drop-down field width?

Answer

Replies

Sign in to reply to this post.