This issue duplicates another issue.
  1. 25 Jan 2013 5:00 AM #1
    Daniil
    Daniil is offline
    Sencha User Daniil's Avatar
    Join Date
    Jun 2010
    Location
    Saint-Petersburg, Russia
    Posts
    687
    Vote Rating
    62
    Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough Daniil is a jewel in the rough
      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
    Reply With Quote Reply With Quote
  2. 25 Jan 2013 10:18 AM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,656
    Vote Rating
    435
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      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
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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