Comment supprimer les bordures du panneau?

J'ai besoin de supprimer toutes les frontières. J'ai déjà ajouté border:false mais cela ne fonctionne pas.

Remarque que je veux qu'il ait cette fond bleu donc je suis en utilisant frame : true.

Mon code

        region: 'north',
        split: true,
        border: false, 
        height: 115,
        layout: 'border',
        items: [ {///Account info
            xtype: 'form',
            region: 'east',
            border: false,
            frame: true,
            //height: 100,
            width: 500, //'49%',//anchor : '50%',
            layout: 'column',

                items: [
                    { columnWidth: .5,
                      border: false, 
                      frame: true, 
                      defaults: { labelStyle: 'font-size:9px' },
                      items: [{
                            xtype: 'displayfield',
                            fieldLabel: 'Customer',
                            value: '<span style="color:blue;font-size:9px">IBM</span>'
                        }, {
                            xtype: 'displayfield',
                            fieldLabel: 'Subscription',
                            value: '<span style="color:blue;font-size:9px">On demand</span>'
                        }, {
                            xtype: 'displayfield',
                            fieldLabel: 'Remaining credits',
                            value: '<span style="color:blue;font-size:9px">23</span>'
                        }]

                    }, {
                        columnWidth: .5, 
                        border: false, 
                        frame: true,
                        margin : '0 0 0 8',
                        defaults: { labelStyle: 'font-size:9px' },
                        items: [{
                            xtype: 'displayfield',
                            fieldLabel: 'Account',
                            value: '<span style="color:blue;font-size:9px">Mike</span>'
                        }, {
                            xtype: 'displayfield',
                            fieldLabel: 'credentials',
                            value: '<span style="color:blue;font-size:9px">User</span>'
                        }]

                    }

source d'informationauteur Armance

  1. 12

    Votre problème est que vous avez frame: true configuré. Affectez la valeur false et il va supprimer la bordure bleue.

    false par défaut à rendre avec la plaine 1px carré frontières. fidèle à rendre avec 9 éléments, personnalisée avec des coins arrondis (voir également Ext.De l'élément.boxWrap).

    Aussi, le fond bleu, rien à voir avec le frame option de configuration

    EDIT: Lors de la suppression de frame: true vous devez ajouter une option de configuration pour le style, la couleur d'arrière-plan...

    bodyStyle: 'background-color:#dfe8f5;'

    EDIT 2: Comme Elgin mentionné dans les commentaires, il est probablement préférable d'utiliser un arrière-plan transparent de couleur pour rendre le thème des changements plus facile...

    bodyStyle: 'background-color: transparent;'

  2. 4

    Voici ma solution pour ExtJs 4.0.7 colonne modèle

    {
layout: 'column',
border:0,
defaults:{
    columnWidth:0.5
   ,layout:'anchor'
   ,border:0
},
items: [{ 
    //LEFT COLUMN
    defaults:{anchor:'100%'},
    items: [
        new Prg.checkBox({
            fieldLabel: 'Aktif mi?',
            name: 'activeFlag',
            labelWidth: 60,
            checked: (Ext.isEmpty(this.record)?false:this.record.get('activeFlag'))
        }),
        new Prg.idCombo({
            fieldLabel : 'Dil',
            labelWidth: 60,
            emptyText : 'Dili seçiniz...',
            id: 'langId',
            name : 'langId',
            store : this.ds_language
        })]
}

    Ici est mise en page:colonne modèle est utilisé pour faire la forme de la forme lisible. Il y avait des frontières sur chaque colonne. Après une longue période de recherche border:0 fonctionne pour moi.

  3. 3

    Pour ExtJS 3.x retirez le "cadre": true" et mettre "bodyCssClass:" x-panneau-mc'".

  4. 0

    Supprimer frame : true option ou mettre frame : false.

  5. 0

    Pour toute personne qui pourrait avoir ce problème je l'ai résolu en ajoutant ce qui suit à mon jury. (ExtJS 4.x)

    bodyCls: 'x-panel-body-default-framed'

    Comme mentionné ci-dessus, si vous avez de l'image:true, vous obtenez les coins arrondis.