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

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]

Not sure what you try to do and where.

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

Regards

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