jQuery Grid Plugin - jqGridForum

Topic RSS

file upload field and browse button

08/07/2013
16:41

phicarre

Member

Members

Forum Posts: 132

Member Since:
09/11/2009

Offline

Perhaps I am wrong but when I create an input field for uploading files then the "browse" button is before the input field.

Usually we have label -> field but in this case we have label -> button -> field

To the UI point of view, that seems illogic and inesthetic.

What is your point of view ?

Thank's

09/07/2013
16:24

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Not sure what you try to do and where.

You know the answer - without test case (or source ) we can not help

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

09/07/2013
18:03

phicarre

Member

Members

Forum Posts: 132

Member Since:
09/11/2009

Offline

Dear Tony,

Look at this pic:

No need of test case to understand: why the "parcourir" button is before the selected file field ?

onInitializeForm: function (formid)
                {
                    var cppass = '<tr id="tr_fileupload" class="FormData" rowpos="5">';
                    cppass += '<td class="CaptionTD ui-widget-content">Photo</td>';
                    cppass += '<td class="DataTD ui-widget-content" style="white-space: pre;">';
                    cppass += ' <input id="fileupload" class="FormElement" type="file" name="fileupload" size="20"/>';
                    cppass += '</td></tr>';
                    $(cppass).insertAfter("#tr_photo",formid);

                    $(formid).attr('enctype','multipart/form-data');

...

[Image Can Not Be Found]

03/09/2013
12:25

ppr

France

Member

Members

Forum Posts: 13

Member Since:
17/02/2009

Offline

Hi Phicarre,

It's not due to Jgqrid (and it cannot handle it). Because it's the property of html <input type"file"…> : it will display always the button "browse" before the field and you can't change that if you use <input type"file"…>.

If you want to customize it (for example : reverse field/button order display) you can use this jquery plugin here:

plugin bootstrap-filestyle

there are some demo samples online.

Best regards

Phil

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
34 Guest(s)

Currently Browsing this Page:
1 Guest(s)