This issue duplicates another issue.
  1. #1
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    977
    Vote Rating
    113
    Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all Daniil is a name known to all

      0  

    Default [4.2.0 beta 2] Wrong File field layout on show if it was hidden initially

    [4.2.0 beta 2] Wrong File field layout on show if it was hidden initially


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.0 beta 2
    Browser versions tested against:
    • Chrome
    • IE9
    DOCTYPE tested against:
    • <!DOCTYPE html>
    Description:
    • If put a File field into an initially hidden container, its button doesn't look well (too small height) on showing that container.
    • Setting up "height: 22" in its "button" config option helps.
    Steps to reproduce the problem:
    • Click the Button
    The result that was expected:
    • The file field's button looks well
    The result that occurs instead:
    • The file field's button has too small height
    Test Case:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Wrong File field layout on show if it was hidden initially</title>
    
        <link rel="stylesheet" href="../resources/css/ext-all.css" />
        
        <script src="../ext-all-debug.js"></script>
    
        <script>
            Ext.onReady(function () {
                Ext.create("Ext.button.Button", {
                    renderTo: Ext.getBody(),
                    text: "Show",
                    handler: function () {
                        Ext.getCmp("FieldSet1").show();
                    }
                });
    
                Ext.create("Ext.form.FieldSet", {
                    id: "FieldSet1",
                    renderTo: Ext.getBody(),
                    hidden: true,
                    items: [{
                        xtype: "filefield"
                        // It helps
                        //, buttonConfig: {
                        //    height: 22
                        //}
                    }]
                });
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>
    Ext.NET - ASP.NET for Ext JS
    MVC and WebForms
    Examples | Twitter

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This will be fixed in the next 4.2.0 release and can confirm it's working as expected now.

    http://www.sencha.com/forum/showthread.php?250528
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1