View Poll Results: What additional features do you need most? (Check all that apply.)

Voters
496. You may not vote on this poll
  • Multiple accordion-like panels. (Expand one, others close.)

    330 66.53%
  • Creating InfoPanels from html markup

    215 43.35%
  • autoCreate option of InfoPanel body.

    177 35.69%
  • Draggable panels.

    238 47.98%
  • Nothing, it's enough as it is.

    62 12.50%
Multiple Choice Poll.
Page 1 of 91 1231151 ... LastLast
Results 1 to 10 of 910

Thread: [Ver. 1.1-beta2] Collapsible InfoPanel/Accordion - Extension classes with Live Demo

  1. #1
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664
    Vote Rating
    404
      0  

    Default [Ver. 1.1-beta2] Collapsible InfoPanel/Accordion - Extension classes with Live Demo

    On the course of development of my application it happened that I needed collapsible info panels similar to these so I've written the extension class for that.

    I'd like to ask the community to give it a hard tests as I've done only brief initial testing. I'm also going to mail this link to Jack - maybe he includes it in the main trunk if you and he would like it.

    I've tried to fully document the properties, config variables, methods and events but you're welcome to find any bugs, inconsistencies or typos.

    Hope it helps someone.

    UPDATE: Live demo is now available.
    UPDATE2: The expand/collapse trigger is now configurable. See patch in this thread.
    UPDATE3: Now it can create from markup. Whole code re-posted.
    UPDATE4: Very first version of Accordion
    UPDATE5: Now support icons. Code updated. See Accordion demo.
    UPDATE6: Panels are now pinnable. Code updated. See Accordion demo.
    UPDATE7: Panels are now draggable. Code updated. See Live demo
    Beta 1: All planned features of Accordion implemented except state management.
    Beta 2: Much better dragging and docking/undocking
    Beta 3: Fixed bugs leading to odd behavior. Implemented autoCreate. Code updated.
    RC 1: State management implemented. See http://extjs.com/forum/showthread.php?t=6388&p=33794 for details.
    RC 2: Configurable shadows. Windows-like undocked panels management. No posted code updated, only example pages.
    RC 3: All major IE issues resolved. CSS classes introduced. No posted code update. See http://extjs.com/forum/showthread.php?t=6388&p=34193 for details
    RC 4: Dragging is now rock-solid. See http://extjs.com/forum/showthread.php?t=6388&p=34384 for details.
    RC 5: Fixed height Accordion introduced. See Accordion for details.
    RC 6: Many bug fixes and improvements. See http://extjs.com/forum/showthread.php?t=6388&p=34886 for details.
    RC 7: Many improvements/bug fixes. See http://extjs.com/forum/showthread.php?t=6388&p=36130 for details.
    Ver. 1.0: See release notes in http://extjs.com/forum/showthread.php?t=6388&p=37999
    Ver. 1.0.1: See Live Demo Page for changes.
    Ver. 1.1-beta1: See this post for details and see it on Accordion-preview Live Demo Page.
    Ver. 1.1-beta2: See this post for details and see it on Accordion-preview Live Demo Page.

    [EDIT] Originaly posted code is removed. You can find current code on the Live demo page.
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  2. #2
    Sencha User galdaka's Avatar
    Join Date
    Mar 2007
    Location
    Spain
    Posts
    1,166
    Vote Rating
    0
      0  

    Default

    Thanks, good works!!

    Any example for testing?

  3. #3
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664
    Vote Rating
    404
      0  

    Default

    Not on-line yet. You can use it as any ContentPanel but it's not intended to be a main content panel of layout but as (small) InfoPanels inside of layout's content panels.

    Should more people call for an on-line demo I'll create one, huh... , short of time...

    UPDATE: Live demo is now available.
    Last edited by jsakalos; 17 May 2007 at 5:11 PM. Reason: Live demo available
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  4. #4
    Ext JS Premium Member
    Join Date
    Mar 2007
    Posts
    216
    Vote Rating
    0
      0  

    Default

    This is very nice. I hope it does get included in the main trunk. I think it will be very useful in certain GUI layouts.

  5. #5
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,664
    Vote Rating
    404
      0  

    Default

    Thanks Jul,

    it's always pleasant to hear an appreciation of the work done.
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  6. #6
    Sencha User
    Join Date
    Apr 2007
    Posts
    48
    Vote Rating
    0
      0  

    Thumbs up

    Thank you. You save my time.

  7. #7
    Sencha User galdaka's Avatar
    Join Date
    Mar 2007
    Location
    Spain
    Posts
    1,166
    Vote Rating
    0
      0  

    Default

    awesome. Thanks!!

  8. #8
    Ext User schmidetzki's Avatar
    Join Date
    Mar 2007
    Location
    Germany
    Posts
    110
    Vote Rating
    0
      0  

    Default

    Very nice.

    Two things:
    The infoBox can not be created from existing markup but must be filled from JavaScript.
    It would be better to test for existing title- and body elements and only create them when they not already exist.

    A question of taste: I would prefere that the box toggles when the user clicks on the title and not only when he clicks on the small tool-button.

  9. #9
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,882
    Vote Rating
    84
      0  

    Default

    Very cool!

  10. #10
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,882
    Vote Rating
    84
      0  

    Default

    Perhaps there could be a config option to give a maximumHeight to a panel (This would also need the style "overflow:auto"), so that you can limit the height to which it expands if you have a lot of content.

    Also, some way of making a set of these panels aware of each other (perhaps you add them to a Region) so that a config option could make them behave like an accordion. That is, only one can be expanded at once.

Page 1 of 91 1231151 ... LastLast

Posting Permissions

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