Results 1 to 6 of 6

Thread: Objects in title section of accordion container?

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Feb 2013
    Vote Rating

    Default Answered: Objects in title section of accordion container?

    Is it possible to put objects in the title bar of each section of an accordion container?

    I'd like to for example have a select menu in each section of my accordion as per below:

    foo: <menu>
    grid foo row 1
    grid foo row 2
    bar: <menu>
    grid bar row 1
    grid bar row 2
    grid bar row 3

  2. Something like this what you're looking for?

    Ext.create('Ext.panel.Panel', {
        title: 'Accordion Layout',
        width: 300,
        height: 300,
        defaults: {
            // applied to each contained panel
            bodyStyle: 'padding:15px'
        layout: {
            // layout-specific configs go here
            type: 'accordion',
            titleCollapse: false,
            animate: true,
            activeOnTop: true
        items: [{
            title: 'Panel 1',
            html: 'Panel content!',
            collapseFirst: false,
            tools: [{
                xtype: 'button',
                text: 'Menu 1'
            }, {
                xtype: 'button',
                text: 'Menu 2'
            title: 'Panel 2',
            html: 'Panel content!'
            title: 'Panel 3',
            html: 'Panel content!'
        renderTo: Ext.getBody()

Tags for this Thread

Posting Permissions

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