comment aligner le Panneau grille au centre

Je me suis mise Ext JS Grille de Panneau dans un iFrame. Faire que quelqu'un sait comment je peux le placer dans le centre de l'iFrame.

Actuellement, Il ressemble à ceci -
comment aligner le Panneau grille au centre

Je veux qu'il soit comme ça -
comment aligner le Panneau grille au centre

InformationsquelleAutor Ajan | 2011-07-04
  1. 5

    Le contenu de votre IFrame pouvez utiliser une bordure de mise en page comme ci-dessus ou sans mise en page, comme ceci:

    var viewPort = new Ext.Viewport({
    renderTo:'body',
    width: 400,
    height: 400,
    items:[new Ext.Panel({
        title: 'hi',
        width: 200,
        height: 200,
        style: 'margin:0 auto;margin-top:100px;'
    })]

    });

    InformationsquelleAutor Skym
  2. 3

    Dans le exemples de site il y a un exemple qui fait cela, vous voudrez peut-être chercher à.

    layout:'ux.center',
items: {
    title: 'Centered Panel',
    widthRatio: 0.75,
    html: 'Some content'
}
    InformationsquelleAutor hpavc
  3. 1

    D'une autre manière, pas comme élégant, est un cludge de VBox et HBox mises en page mais c'est la pure ExtJS et ne pas compter sur l'expérience utilisateur:

    Ext.create('Ext.container.Viewport',{
    style: 'background-color: white;',

    layout: {
        type: 'vbox',
        align : 'stretch',
        pack  : 'start',
    },
    items: [{
        flex: 1,
        border: false
    },{
        height: 200,
        border: false,
        layout: {
            type: 'hbox',
            pack: 'start',
            align: 'stretch'
        },
        items: [{
            flex: 1,
            border: false
        },{
            html:'Centered Panel',
            width: 400
        },{
            flex: 1,
            border: false
        }]
    },{
        flex: 1,
        border: false
    }]

    //items: [login_panel],

});
    InformationsquelleAutor Lloyd
  4. 1

    suffit d'utiliser:

    this.center()

    où en tant que "cela" est l'objet que vous voulez mettre dans le centre (disons de la grille).

    InformationsquelleAutor LeoSarena
  5. 0

    Quelque chose comme 

    grid:
  region: center;

panel:
  layout: border;
  css: "padding: 40px"
    InformationsquelleAutor TheHorse