Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prettify the FileUploadWidget #280

Merged
merged 9 commits into from
Jun 2, 2016
Merged

Conversation

dairiki
Copy link
Contributor

@dairiki dairiki commented Sep 16, 2015

This makes the FileUploadWidget look nicer, providing a "Select file" button styled by bootstrap.

This is PR #184 rebased onto the current master. See that PR for some more context.

Very clever ideas blantantly ripped-off from
http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/

Issues:

I've not tested this with many browsers.

I'm not sure where to put the id="${oid}".  (Is it really even necessary?)
Putting on the file input element causes deform.js to focus it (if it's
the first field on the page) which, I guess because it is not visible,
results in unwanted scrolling.
Move what's left of the custom CSS into form.css.
The .input-group has display: table.  This appears to cause Firefox to
ignore the overflow: hidden.  This results in the file select dialog being
triggered by clicks anywhere in a large region above and/or to the left
of the file widget.
@miohtama
Copy link
Contributor

miohtama commented Jun 2, 2016

Thank you for your pull request.

I am the new Deform project maintainer. I apologize the issue of this pull request not being commented earlier. Deform project is again under activate maintenance.

This is issue tracker / pull request clean to prepare a new release.

This pull request is good to go and merged.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants