Results 1 to 5 of 5

Thread: File Upload form not correctly showing in chrome browser(UI design Problem)

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
      0  

    Default File Upload form not correctly showing in chrome browser(UI design Problem)

    I am using ext js 3.4 version..

    I wrote the code for upload file using ext js 3.4.

    var uploadfilePanel = new Ext.FormPanel({
    fileUpload :true,
    frame:true,
    autoWidth: true,
    buttonAlign: 'center',
    items : [{
    allowBlank :false,
    id:'fileUploadId',
    inputType :'file',
    xtype :'textfield',
    hideLabel: true
    }]

    });
    It is showing one textfield and browse button in firebox and IE browser if i run this code.
    But it is not showing textfield and browse button in Chrome browser,it is showing choose file instead of textfield and no files chosen insted of browse button.

    How to resolve this issues in chrome browser ,please reply me?

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,385
    Vote Rating
    1540
      0  

    Default

    I'm seeing the form in Chrome.

    Screen Shot 2012-03-27 at 11.45.10 AM.png
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
      0  

    Default file upload

    sir ,I want to show file upload form in Chrome browser like below attached screenshot.

    how can i do this?

    firebox_fileUpload.gif

    Thanks
    by
    Manoo G

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,385
    Vote Rating
    1540
      0  

    Default

    Tried using the fileupload field instead of using a text field?
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  5. #5
    Sencha User
    Join Date
    Sep 2011
    Posts
    27
    Vote Rating
    0
      0  

    Default solved

    Thank you,

    I got it.now it is working...

    now i am using fileuploadfield from http://dev.sencha.com/deploy/ext-3.4...le-upload.html examples

    xtype: 'fileuploadfield',
    id: 'form-file',
    anchor :'95%',
    required :true,
    hideLabel: true

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •