Best Practice to Extend or Customize a PrimeFaces Component

[AlanLattimore]

I have a situation where I need to dynamically re-arrange a number of floated components in relation to each other. I'm using the PF Panel UIComponent. When a panel is toggled open, I have to move other components down to make room. When I toggle the panel closed, I have to move those other components up.

My plan is to extend / enhance the JS toggle() function to execute an arbitrary JS function upon completion. So I would add an attribute to the Panel tag -- something like "ontoggle" -- and customize the panel.js toggle() fcn. What is the best way to do this so that my customized Panel can continue to take advantage of future releases of PrimeFaces

I'm enough of a beginner with PrimeFaces that Panel might already have this ability and I've overlooked it. (I'm stil back on PF 2.1 because of of another quick and dirty customization that I need to port to 2.2)

I'm also enough of a beginner with JSF UIComponents that extending a PrimeFaces Tag baffles me.

Any help would be greatly appreciated and would hopefully help others as well.

Best regards,
Alan

[AlanLattimore]

Bump