Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    41
    Vote Rating
    0
    karnak is on a distinguished road

      0  

    Default Combo trigger icon appearing on left of textfield

    Combo trigger icon appearing on left of textfield


    Greetings!

    I have a Window that contains a form which contains tab control with a few tabs. One of the tabs contains a few combos that contain listings of countries and states. For some reason, the dropdown trigger icon for the combos are appearing on the left of the text field portion of the combos, and overlapping the first couple of characters of the string. This only happens in Safari and Chrome. It seems to work fine in Firefox. Any quick suggestions on what may be causing this?

    Thanks!
    Attached Images

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    could your layout not be properly configured? Are you using 3.3.1?

  3. #3
    Sencha User
    Join Date
    Mar 2010
    Posts
    41
    Vote Rating
    0
    karnak is on a distinguished road

      0  

    Default


    I am using 3.3.1. I was inspecting the element from within Chrome and found that the following setting in the ext-all.css file was causing/affecting this:

    Code:
    .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
        right: 0; /* IE8 Strict mode trigger bug */
    }
    If I removed the 'right: 0', then the trigger image appeared on the right of the text field portion of the combo, where I would naturally expect it. However, I am afraid that if I remove this from the CSS, I solve this issue, but I am not sure what other issues I will possibly be causing elsewhere.

  4. #4
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    are you using strict doc type?

    that selector will only work for the body element where ext-strict and ext-ie8 classes are applied.

  5. #5
    Sencha User
    Join Date
    Aug 2011
    Posts
    3
    Vote Rating
    0
    presta34 is on a distinguished road

      0  

    Default


    I know the same issue with ExtJs 3.4 and IE 8...

    As Karnac said, the problem comes from the ext-all.css file:

    Code:
    .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {     
     right: 0; /* IE8 Strict mode trigger bug */
     }
    I would like to know how to override this css without changing the source file?
    I've tried to call removeClass() on my combo but nothing has changed... The triggered always appears on left side instead of the right side..

    Code:
    skillSelectBox.removeClass('ext-strict ext-ie8 x-toolbar-cell x-form-field-trigger-wrap x-form-trigger');
    here is my combo:
    Code:
    var skillSelectBox = new Ext.form.ComboBox({
            store: availableSkillStore,
            id:'skillSelectBox',
            name:'skillSelectBox',
            hideMode:'offsets',
            labelStyle: 'width: 75px',
            displayField: "skillLabel",
            valueField: "skillKeyWord",
            emptyText: Label.STAT_Quellecompetence,
            hideLabel: true,
            typeAhead: false,
            forceSelection:true,
            resizable: true,
            editable : false,
            triggerAction: "all",
            width: 150,
            mode: 'local'
        });
    this combo is in a toolbar:
    Code:
    var toolBar = new Ext.Toolbar({
            layout: 'toolbar',
            hideMode:'offsets',
            items:[skillSelectBox, '->',addButton]
        });
    which is in a grid panel:
    Code:
    var skillGrid = new Ext.grid.EditorGridPanel({
            id: "skillGrid",
            name: "skillGrid",
            store: selectedSkillStore,
            hideMode:'offsets',
            plugins: [rowActions],
            autoHeight: true,
            boxMinHeight : 240,
            width: 350,
            autoExpandColumn : "skillLabel",
            tbar: toolBar,
            bodyCssClass: "form-grid-body-style",
            cm: new Ext.grid.ColumnModel({
                columns :[
                    {
                        header: Label.all.Skills,
                        dataIndex: 'skillLabel',
                        menuDisabled: true,
                        width: 235
                    },
                    {
                        header: Label.CONF_GATE_Ageing,
                        dataIndex: 'ageing',
                        menuDisabled: true,
                        align:'center',
                        editor: ageingNumberField,
                        width: 80
                    },
                    rowActions
                ]
            }),
            listeners:{
                afterrender : function(thisGrid){
                    toJsonObject();
                },
                afteredit:function(e){
                    toJsonObject();
                },
                validateedit:function(e){
                    toJsonObject();
                }
            },
            viewConfig: {scrollOffset: 0, forceFit:true}
        });

  6. #6
    Sencha User
    Join Date
    Oct 2009
    Posts
    4
    Vote Rating
    0
    dblak90 is on a distinguished road

      0  

    Default


    In your project's css you can place the following to override the ext-all.css:

    Code:
    .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
        right: auto !important; /* IE8 fix for ext-all.css */
    }

Similar Threads

  1. How can I make Editor in combo and textfield have the same Left
    By kiryu in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 13 Dec 2010, 5:58 PM
  2. Alignment problem for Combo textfield and dropdown arrow icon
    By ziwen78 in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 19 Apr 2010, 5:31 PM
  3. Show the ListView template icon in the TextField of a Combo
    By G_Taylor in forum Community Discussion
    Replies: 0
    Last Post: 12 May 2009, 5:06 PM
  4. Combo Trigger Icon Display Problem
    By dgms in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 8 Aug 2008, 7:36 AM

Thread Participants: 3