Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Styling issue for file upload in form #2426

Closed
@kurteknikk

Description

@kurteknikk

In a very simple form i try to include a file upload input box but jqm fails to style it well.

See: http://spot1.spotmaster.com/dev/live/jqm_form.php for more information, thanks.

Activity

toddparker

toddparker commented on Sep 12, 2011

@toddparker
Contributor

We don't style a file input for a number of reasons. First, some mobile platforms don't support this type of input (namely iOS). Second, it's very hard to style because of security features built into browsers. For now, we're not going to style these but feel free to add this issue to the feature request wiki page and we'll take a look post 1.0.

dipold

dipold commented on Feb 17, 2012

@dipold

Do exec $('input[type="file"]').textinput({theme: 'c'});

It is not perfect but better than nothing

kurteknikk

kurteknikk commented on Feb 17, 2012

@kurteknikk
Author

Yeah it would have been better to have it styled from jquery mobile, but it works thanks :)

toddparker

toddparker commented on Feb 19, 2012

@toddparker
Contributor

@dipold - When you apply the textinput plugin to file inputs, does it style it consistently across platforms? I assumed it wouldn't be that simple based on our experience in the past. Might look better on a few platforms though.

dipold

dipold commented on Feb 19, 2012

@dipold

Thanks @toddparker

But as I said better than nothing.
I, for example, use JQM for backend webpages to desktop access because the JQM is very simply, beautiful interface and practical (I use to webapps and mobile web pages too).
I read yours reasons but I have seen many ask for this feature then the JQM team should consider the style it in a future.

Kind regards,

ghost
toddparker

toddparker commented on Oct 19, 2012

@toddparker
Contributor

We recently landed this feature for 1.3. See the input page for an example:
http://jquerymobile.com/test/docs/forms/textinputs/

ghost
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @toddparker@kurteknikk@dipold

        Issue actions

          Styling issue for file upload in form · Issue #2426 · jquery-archive/jquery-mobile