Results 1 to 2 of 2

Thread: [6.0.2 - 6.2] Icon Aligns Bottom for FileUpload in Firefox

  1. #1
    Sencha User
    Join Date
    Oct 2007
    Posts
    52
    Answers
    1

    Default [6.0.2 - 6.2] Icon Aligns Bottom for FileUpload in Firefox

    Hi,

    Have this weird behavior for FileUpload under firefox. (See Image )
    The icon aligns bottom in firefox, but when opened in chrome, it aligns center properly.

    I opened http://examples.sencha.com/extjs/6.2...rm-fileuploads
    to see if this is just me and seems like from the example it works properly, aligning center.

    Any help would be appreciated.
    My Code below.

    Code:
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
    
    
        <title>Title</title>
    
    
        <link rel="stylesheet" type="text/css" href="../../include/extjs6/packages/ux/classic/triton/resources/ux-all.css"/>
        <link rel="stylesheet" type="text/css" href="../../include/extjs6/resources/theme-triton/resources/theme-triton-all.css"/>
        <script type="text/javascript" src="../../include/extjs6/ext-all.js"></script>
        <script type="text/javascript">
            
    
            function addTest( ) {
    
                var form = Ext.create('Ext.container.Container', {
                    xtype: 'form-fileuploads',
                    width: 600,
                    layout: {
                        type: 'vbox',
                        align: 'stretch'
                    },
    
                    defaults: {
                        xtype: 'form',
                        layout: 'anchor',
    
                        bodyPadding: 10,
                        style: {
                            'margin-bottom': '20px'
                        },
    
                        defaults: {
                            anchor: '100%'
                        }
                    },
                    items: [
                        {
                            title: 'File Upload Form',
                            frame: true,
                            bodyPadding: '10 10 0',
                            reference: 'firstForm',
    
                            defaults: {
                                anchor: '100%',
                                allowBlank: false,
                                msgTarget: 'side',
                                labelWidth: 50
                            },
    
                            items: [{
                                xtype: 'textfield',
                                fieldLabel: 'Name'
                            }, {
                                xtype: 'filefield',
                                emptyText: 'Select an image',
                                fieldLabel: 'Photo',
                                name: 'photo-path',
                                buttonText: '',
                                buttonConfig: {
                                    iconCls: 'fa fa-file-image-o'
                                }
                            }]
    
    
                        }
                    ]
                });
    
                var window = Ext.create( 'Ext.Window', {
                    title: "Test",
                    width: 700,
                    height: 600,
                    closeAction: 'destroy',
                    modal: true,
                    constrain:true,
                    resizable: false,
    
                    items: form
                });
                window.show();
    
    
    
    
    
            }
        </script>
    </head>
    <body>
        <button onclick="addTest()">Test</button>
    
    </body>
    </html>

    123.jpg

    Thanks

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I'm not seeing the issue in the example link using Firefox, which as I understand it is the same result for you. The first thing I would check in your application is CSS. Perhaps run your app without CSS to see if that is even the issue. If so, I would either explore which settings could be causing an issue or just start omitting parts until you dial in on the problematic part.

Similar Threads

  1. Fileupload not working for firefox 22 on windows 7
    By rpradeshik in forum Ext: Discussion
    Replies: 2
    Last Post: 26 Jul 2013, 8:03 AM
  2. Till tip for fileupload window icon
    By smruti_patra in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 20 Dec 2010, 10:02 PM
  3. Replies: 17
    Last Post: 16 Oct 2009, 6:56 AM
  4. Replies: 5
    Last Post: 30 Jun 2009, 11:34 AM
  5. Replies: 2
    Last Post: 8 Nov 2007, 7:16 PM

Posting Permissions

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