Style of the FileUpload button within jQuery Mobile

Issues related to previewing and publishing your web site.
Post Reply
User avatar
richardgo
 
 
Posts: 12
Joined: Mon Jul 20, 2009 10:17 am
Location: The Netherlands - Alphen aan den Rijn
Contact:

Style of the FileUpload button within jQuery Mobile

Post by richardgo » Tue Nov 20, 2018 10:41 am

Hi,

I have created a mobile page with wb14 for a customer but have a style issue.

Would it be possible to change the style from the standard "Browse..." text to a button style? The reason is that the users then will know that it is a button to upload a file as in my preview it only shows text and does not look like it is clickable.

See this example build with wb11 which is OK: http://maris-solutions.nl/test/test_wb11.html
And this one that is build with wb14: http://maris-solutions.nl/test/test_wb14.html

Thank you in advance for any advice. :)

Richard

User avatar
Pablo
 
Posts: 17953
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Style of the FileUpload button within jQuery Mobile

Post by Pablo » Tue Nov 20, 2018 11:27 am

To display the standard file input box, enable 'Use default browser styling'

User avatar
richardgo
 
 
Posts: 12
Joined: Mon Jul 20, 2009 10:17 am
Location: The Netherlands - Alphen aan den Rijn
Contact:

Re: Style of the FileUpload button within jQuery Mobile

Post by richardgo » Tue Nov 20, 2018 11:46 am

Thank you Pablo for you answer.

Is there no other way to style this "Browse..." text to a button style within the jQuery Mobile page? It seems works great in a standard page, but when moved to the mobile page it changes to the default.

Thank you.

User avatar
Pablo
 
Posts: 17953
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Style of the FileUpload button within jQuery Mobile

Post by Pablo » Tue Nov 20, 2018 12:07 pm

No, there is no separate styling for this.

Note that unfortunately jQuery Mobile (third party) has not been updated 2014.

Post Reply