1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    2
    Vote Rating
    0
    saTester123 is on a distinguished road

      0  

    Default extjs cutomizing formpanel buttons

    extjs cutomizing formpanel buttons


    I have
    var
    form = new Ext.form.FormPanel(
    {
    title: 'Form Layout',
    buttons: [
    {text: 'Save'},
    {text: 'Cancel'}
    ]
    });


    I want to customize the layout of these buttons so they appear one below the other. How do i apply layouts to these buttons?

  2. #2
    Sencha User
    Join Date
    Jan 2011
    Posts
    546
    Vote Rating
    52
    willigogs is a jewel in the rough willigogs is a jewel in the rough willigogs is a jewel in the rough

      0  

    Default


    Try:
    Code:
    var form = new Ext.form.FormPanel({ 
        title: 'Form Layout', 
        buttons: [ 
            {text: 'Save'}, 
            {text: 'Cancel'} 
        ],
        cls: 'vertbuttons'
    });
    Then in your CSS:
    Code:
    .vertbuttons .x-toolbar-cell {
        float:left;
        clear:both;
    }

Thread Participants: 1

Tags for this Thread