1. #1
    Sencha User
    Join Date
    May 2012
    Posts
    6
    Vote Rating
    0
    dicetog is on a distinguished road

      0  

    Default Text Label doesn't appear

    Text Label doesn't appear


    Hi, the label of the textfield doesn't appear. I don't why

    Here is the code

    Code:
    /*!
     * Ext JS Library 3.4.0
     * Copyright(c) 2006-2011 Sencha Inc.
     * licensing@sencha.com
     * http://www.sencha.com/license
     */
    
    //
    // This is the main layout definition.
    //
    Ext.onReady(function(){
        
        Ext.QuickTips.init();
        panel=new Ext.FormPanel({
            bodyPadding: 10,
            title: 'Bloqueo de Orden de Proceso de Hebra',
            region: 'center',
            maxHeight: 600,
            maxWidth: 800,
            items: [
                {
                     xtype: 'panel',
                     frame: false,
                     height: 134,
                      height: 134,
                     maxWidth: 750,
                     width: 750,
                     closable: false,
                     collapseFirst: false,
                     collapsed: false,
                     collapsible: false,
                     frameHeader: false,
                     hideCollapseTool: false,
                     overlapHeader: false,
                     title: 'My Panel',
                     titleCollapse: true,
                    region: 'north',
                    items:[
                    {
                       xtype: 'container',
                       layout: 'anchor',
                       columnWidth: 0.5,
                       items: [
                       {
                               xtype: 'textfield',
                            fieldLabel: 'Label',
                            allowBlank:false
                       }]
                     },
                     {
                          xtype: 'container',
                        layout:'anchor',
                        columnWidth: 0.5,
                        items: [
                        {
                           xtype: 'button',
                           handler: function(button, event) {
                           var panelCentro =  Ext.getCmp('panelCentro');
                           panelCentro.show();
                           setTimeout( "Ext.getCmp('panelCentro').expand()",250);},
                           padding: '',
                           text: 'MyButton'
                        }
                        ]
                    }]
                },
                {
                    xtype: 'panel',
                    height: 410,
                    hidden: false,
                    id: 'panelCentro',
                    activeItem: 0,
                    layout: 'column',
                    collapsed: true,
                    collapsible: true,
                    frameHeader: false,
                    hideCollapseTool: false,
                    preventHeader: false,
                    title: 'My Panel',
                    region: 'center',
                    items: [
                    {
                        xtype: 'panel',
                        height: 380,
                        width: 148,
                        preventHeader: true,
                        title: 'My Panel',
                        columnWidth: 0.5,
                        items: [
                        {
                            xtype: 'fieldset',
                            height: 150,
                            title: 'My Fields'
                        },
                        {
                            xtype: 'fieldset',
                            height: 180,
                            title: 'My Fields'
                        }]
                    },
                    {
                        xtype: 'panel',
                        height: 380,
                        preventHeader: true,
                        title: 'My Panel',
                        columnWidth: 0.5
                    }]
                }
                ]
            
        });
    
        new Ext.Viewport({
            layout: 'border',
            title: 'Ext Layout Browser',
            items: 
            [
                panel
            ],
            renderTo: Ext.getBody()
        });
    });
    This is a screenshot. Untitled.jpg

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi dicetog,
    try this:-

    Code:
                 {
                        xtype: 'container'
                        , layout: 'form'
                        //, columnWidth: 0.5
                        , items: [
                            {
                               xtype: 'textfield',
                               fieldLabel: 'Label',
                               allowBlank: false
                           }
                        ]
                    }
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,868
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Your layout needs to be form.

    Scott

Thread Participants: 2