SuperPanel Component

I’ve been frustrated lately with the lack of a solid panel component that can be closed, minimized and maximized so I took it upon myself to throw something together.

I tried to keep it as simple and customizable as possible. Each of the close, minimize and maximize buttons can be completely and independently skinned. All other styling for the Panel component can be applied. Even move and resize effects can be applied without messing up the state (minimize/maximize) transitions.

It’s still a work in progress, but solid enough for daily use. Enjoy!

SuperPanelDemo

Update 2/3/09: Fixed the Minimize -> Maximize -> Restore maximize issue outlined in David’s comment. Thanks for the suggestions, David!

Update 2/4/09: Added ability to apply ‘inactive styling’ when the panel is not in front.

If you found this post useful, please consider a small donation.

This entry was written by Brandon, posted on February 3, 2009 at 1:12 pm, filed under Components and tagged . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

10 Comments

  1. Joel
    Posted February 3, 2009 at 1:41 pm | Permalink

    Nice Brandon. I might suggest naming it something different as there is already a SuperPanel component:

    http://www.wietseveenstra.nl/blog/2007/04/flex-superpanel-v15/

    Yours is the best so far. I think I will be replacing the existing SuperPanel in my app tonight! Thanks for making it avaiable.

  2. David
    Posted February 3, 2009 at 2:22 pm | Permalink

    Quite nice. One suggestion, though. If you minimize it and then maximize it, there is no longer a gui-wise way to put it back to some custom size. Perhaps there should be an option to leave the resize graphic visible and active when the panel is maximized. Another way might be to have the panel size back to some default size when the maximize (restore in this case) button is clicked again and the previous size was minimized. Just some thoughts.

  3. BigVirgil
    Posted February 5, 2009 at 1:13 am | Permalink

    There’s also FlexMDI (part of FlexLib): http://code.google.com/p/flexmdi/

    Still, yours looks neat indeed.

  4. Rahul
    Posted March 5, 2009 at 7:31 pm | Permalink

    It would be nice if you could submit your SuperPanel to the FlexLib project!

    I also replaced the other SuperPanel with this one; this one is much more customizable and cleaner.

  5. Valentijn
    Posted March 17, 2009 at 7:58 am | Permalink

    Hi

    How can I initiate a minimized panel by default… Let’s say for settings and preferences etc.
    Any one a suggestion?

  6. Nikos Katsikanis
    Posted July 9, 2009 at 5:21 am | Permalink

    The best one I’ve found much simpler that using MDI

  7. handoyo
    Posted July 24, 2009 at 7:46 am | Permalink

    Great component…Thanks for providing it for free.. ^_^

  8. Kapil Kaushik
    Posted August 24, 2009 at 12:44 pm | Permalink

    Super work man……all the utilities one would expect from a panel!!!
    Cheers,
    Kapil

  9. David
    Posted August 25, 2009 at 11:13 am | Permalink

    Great Work! tnks. RIA powa!

  10. Alvin B. Panganiban
    Posted September 9, 2009 at 3:29 am | Permalink

    hey.. your Superpanel rocks! thanks man for sharing this.!

One Trackback

  1. By SuperPanel Component 1.3 on February 10, 2009 at 9:43 pm

    [...] Brandon Meyer Ramblings of a code junkie Skip to content About « SuperPanel Component – Updated [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*