PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

File Upload Field Width

  1. This post is really in relation to this topic
    http://www.gravityhelp.com/forums/topic/setting-width-of-file-upload-field

    The size of the file upload field is hard coded which is fine but isn't there some way where we can set "Small", "Medium" & "Large" Options in the back end when editing the form field in the form editor. Similar to all your other fields which then changes the hard coded value based on your selection

    Posted 12 years ago on Saturday September 3, 2011 | Permalink
  2. The file upload field ( input type='file' ) is a unique type of form control and is pretty much locked down by the browser. If you look at it in different browsers, you'll see that many of them render the element completely differently. The field doesn't respond to most CSS properties including width values, so you're kind of stuck with the way the browser wants to do it.

    http://www.456bereastreet.com/lab/styling-form-controls-revisited/file-select/

    You can search and find a few "tricks" like replacing the field with images, javascript, etc. but I can't vouch for any of them and they may not work in all of the browsers.

    Posted 12 years ago on Saturday September 3, 2011 | Permalink
  3. Thanks Kevin for the response. I'll leave it at that then

    Posted 12 years ago on Saturday September 3, 2011 | Permalink
  4. I wish I could tell you a simple way to do it, it's just one of those things that's locked down.. probably for browser security reasons.

    Posted 12 years ago on Saturday September 3, 2011 | Permalink