Question

file upload box - adjust field size

Forms

Updated June 16, 2017

asked on June 15, 2017

This is a snip from my form of a file upload field...

Is there a way to make the entry field look like a box? Or, increase the size so it looks like there is a bit more room? I need to do this for purely cosmetic reasons.

If not, I think I will have to change the description inside to say " Drag file here..."

I'm not experienced with coding; so if that is the answer, please provide as much detail as possible.

Thanks.

0 0

Answer

SELECTED ANSWER

replied on June 16, 2017

Hello Mary Lou,

Give this a shot. If you go to CSS/JavaScript tab, find the id of your file upload field. This q# will control the width of the label, then on the next line, enter the script below. This should allow you to adjust the size as you wish by adjusting the numeric values.

#q8 label {width: 150px;}


input[type=button] {
    width: 390em;  height: 10em;
}

0 0

replied on June 16, 2017

I played with the size a bit, but this worked great.

Thanks.

0 0

Replies

replied on June 15, 2017

I can't tell from the screenshot you've included. Is that from the Form Layout screen or the Form Preview? I know my Upload buttons don't look like a button on the Layout screen but when I preview them they look correct.

Layout View of Button:

Preview View of Button:

0 0

You are not allowed to follow up in this post.

Question

Question

file upload box - adjust field size

Answer

Replies

Sign in to reply to this post.