Results 1 to 9 of 9

Thread: Google Chrome anchor size on combos

  1. #1
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    518

    Default Google Chrome anchor size on combos

    I'm using Ext 3.1, and I've found that when I define the width size on combo fields using the anchor property, chrome ignores it. Instead, it uses the default width.

    I would like to know if somebody has faced this issue.

  2. #2
    Ext User timhussey's Avatar
    Join Date
    Jan 2009
    Location
    New Jersey
    Posts
    9

    Exclamation I am having the same issue as described...

    Please see the attached screenshot as proof of the problem
    Attached Images Attached Images

  3. #3
    Sencha User mysticav's Avatar
    Join Date
    Mar 2007
    Location
    Mexico
    Posts
    518

    Default

    Yes. Did you find the solution ?

  4. #4
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Can you post a simple example?

  5. #5
    Ext User timhussey's Avatar
    Join Date
    Jan 2009
    Location
    New Jersey
    Posts
    9

    Post My Example isn't very simple...but here is some code to show you!

    Code:
    this.topPanelForm = new Ext.Panel({
                title: 'General',
                layout: 'fit',
                border: false,
                bodyStyle: 'padding: 10px;',
                items: [{
                    xtype: 'fieldset',
                    tools: [],
                    title: '  Opportunity Info  ',
                    autoHeight: true,
                    items:[{
                        layout: 'column',
                        border: false,
                        bodyStyle: 'padding: 10px;',
                        items:[{
                            columnWidth: 0.5,
                            border: false,
                            layout: 'form',
                            defaults: {
                                anchor: '-24'
                            },
                            items:[this.customerCombo,{
                                xtype: 'textfield',
                                fieldLabel: 'Name',
                                name: 'opportunity_name',
                                hiddenName: 'opportunity_name',
                                allowBlank: false
                            },{
                                xtype: 'textfield',
                                fieldLabel: 'Amount',
                                name: 'amount',
                                hiddenName: 'amount',
                                allowBlank: false
                            },{                    
                                xtype: 'combo',
                                fieldLabel: 'Lead Source',
                                hiddenName: 'lead_source',
                                store: this.leadSourceStore,
                                displayField: 'display_value',
                                valueField: 'save_value',
                                triggerAction: 'all',
                                editable: false,
                                mode: 'local',
                                allowBlank: false
                            },{
                                xtype: 'combo',
                                fieldLabel: 'Product',
                                hiddenName: 'product_id',
                                name: 'product_id',
                                store: this.opportunityProductsComboStore,
                                displayField: 'display_value',
                                valueField: 'save_value',
                                triggerAction: 'all',
                                mode: 'local',
                                editable: false,
                                allowBlank: false
                            },{
                                xtype: 'textfield',
                                fieldLabel: 'Quote ID',
                                name: 'quote_header_id',
                                disabled: true
                            }]
                        },{
                            columnWidth: 0.5,
                            border: false,
                            layout: 'form',
                            defaults: {
                                anchor: '-24'
                            },
                            items:[this.probabilityCombo,
                                this.statusCombo,{
                                xtype: 'datefield',
                                fieldLabel: 'Close Date',
                                name: 'close_date',
                                hiddenName: 'close_date'
                            },{
                                xtype: 'textfield',
                                fieldLabel: 'Created On',
                                name: 'created_on',
                                hiddenName: 'created_on',
                                disabled: true
                            },{                    
                                xtype:'combo',
                                anchor: '-20',
                                fieldLabel: 'Owner',
                                name: 'owner_id',
                                hiddenName: 'owner_id',
                                store: this.searchOwnerFilterStore, 
                                editable: false, 
                                displayField: 'display_value', 
                                valueField: 'save_value', 
                                mode: 'local', 
                                triggerAction: 'all',
                                //listWidth: 180,
                                listeners:{
                                    'select': function(combo,  record, index) {
                                        this.ownerID = record.data.save_value;
                                    },
                                    scope:this
                                }
                            },{ 
                                xtype: 'xiconcombo',   //This is a custom IconComboBox that I extended off of ComBox...
                                anchor: '-20',
                                fieldLabel: 'Type',
                                name: 'type',
                                hiddenName: 'type',
                                store: new Ext.data.SimpleStore({                
                                    fields: ['save_value','display_value','icon'],
                                    data: [
                                        ['R','Renewal','/images/icons/arrow_refresh.png'],
                                        ['N','New','/images/icons/star.png']
                                    ]
                                }),            
                                valueField: 'save_value',
                                displayField: 'display_value',
                                iconClsField: 'icon',
                                useActualImages: true,
                                editable: false,
                                triggerAction: 'all',
                                mode: 'local'                        
                            }]
                        }]
                    }]            
                }]
    });
    Please see the attached IMAGE in my previous POST!
    thanks for your help!

    and like this thread suggests... everything works great in FF & IE, just not in Google Chrome or Safari.(WebKit)

    -Tim

  6. #6
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Your layout is overnested. The fieldset should not contain a panel with layout:'column', it should BE layout:'column'.

  7. #7
    Ext User timhussey's Avatar
    Join Date
    Jan 2009
    Location
    New Jersey
    Posts
    9

    Default Ok

    Hey Condor,

    I followed your advice, and even went in through my application where I was using Column Layouts in FieldsSets and de-overnested them... However the comboboxes and date fields
    are still not correctly anchoring in Safari or Chrome...

    maybe it's a deeper issue?

  8. #8
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    I can't reproduce the problem with your code.

    Are you sure you are not using some kind of override that isn't valid for Ext 3.1?

  9. #9
    Ext User timhussey's Avatar
    Join Date
    Jan 2009
    Location
    New Jersey
    Posts
    9

    Default

    alright, i'll build a quick test app, using just the minimum layout pieces (since i've got a very complex app) and see if I still have the problem...If I do, then it must be something else...

    thanks, i'll let you know!

Posting Permissions

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