1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    11
    Vote Rating
    2
    the_Chameleon is on a distinguished road

      0  

    Default resize element in panel

    resize element in panel


    Hello everybody,
    I need your help.
    how can i do if i want to change height of element in my view?
    I use "chrome extension Window Resizer 1.7.0".
    When i resize my page (to 320 x 480), the width of elements are ok but height doesn't change.
    Why?
    This is my code :
    Code:
    Ext.define('Atix.view.Param', {
        extend: 'Ext.Container',
        xtype : 'paramView',
        requires: ['Ext.Toolbar','Ext.Label','Ext.Button','Ext.field.Select', 'Ext.form.Panel', 'Ext.field.Checkbox'],
        config:{
            layout:'vbox',
      items:
      [
            {
                 xtype: 'panel',
                    layout:'vbox',
                 items: [
                        {
                             xtype: 'label',
                                docked:'top',
                             html: 'Notifications'
                         },
                            {
                                xtype: 'fieldset',
                                docked:'top',
                                title: 'Choisissez le type de notification souhait&eacute',
                                id: 'paramBox',
                                items: [
                                         {
                                             xtype: 'checkboxfield',
                                             name : 'jobs',
                                             label: 'Offres d\'emplois',
                                             labelAlign : 'right',
                                             labelWidth:'70%'
                                         },
                                         {
                                             xtype: 'checkboxfield',
                                             name : 'actu',
                                             label: 'Actualités',
                                             labelAlign : 'right',
                                             labelWidth:'70%'
                                          },
                                          {
                                             xtype: 'checkboxfield',
                                             name : 'event',
                                             label: 'Evènements',
                                             labelAlign : 'right',
                                             labelWidth:'70%'
                                         }
                                ]
                            },
                            {
                                xtype: 'label',
                                docked:'top',
                                html: 'Localisation'
                            },
                            {
                                xtype: 'fieldset',
                                id:'localizOffre',
                                docked:'top',
                                title: 'Localisez les offres d\'emploi a proximité de chez vous',
                                items: [
                                    {
                                        xtype: 'selectfield',
                                        options: [
                                            {text: "5km",  value: "5"},
                                            {text: "10km", value: "10"},
                                            {text: "15km", value: "15"}
                                        ],
                                        labelWidth:'50%',
                                        style: 'font-size: 75%'
                                    }
                                ]
                            }
                     ]
                },
                {
                    xtype: 'panel',
                    layout:'vbox',
                    items: [
                    ]
                },
                {
                    xtype: 'label',
                    html: 'Atix sur le Web'
                } ,
                {
                    xtype: 'itemReseau',
                    flex:1,
                    style: 'font-size: 75%'
                }    ]}
    });
    Last edited by mitchellsimoens; 30 Nov 2012 at 8:11 AM. Reason: add quote for my code

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Vote Rating
    855
    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


    You shouldn't use [QUOTE] for your code, you should use [CODE]
    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

Tags for this Thread