Results 1 to 2 of 2

Thread: Accordion Issue

  1. #1
    Sencha User
    Join Date
    Jun 2008

    Default Accordion Issue


    I am facing problem with accordion panel.
    That is whenever I click on plus symbol it should expand, and it should not at the time of clicking on title, this particular functionality is working for me.

    But I need the functionality i,e. whenever I click on title it should fire an event.

    Can any one give me an idea

    I appreciate any help

  2. #2
    Sencha User sword-it's Avatar
    Join Date
    May 2012


    Hi sseema,

    Simply used "titleCollapse: true or false" config for enable or disable to title click expand functionality like -
    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: true,
            animate: true,
            activeOnTop: true
        items: [{
            title: 'Panel 1',
            html: 'Panel content!'
            title: 'Panel 2',
            html: 'Panel content!'
            title: 'Panel 3',
            html: 'Panel content!'
        renderTo: Ext.getBody()
    For more info read API docs-!...-titleCollapse, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Posting Permissions

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