Panel Example

A Panel is a configurable Overlay which behaves like a traditional OS window, and includes built-in drag & drop, a close icon, an underlay (shadow or matte) and built-in modality. To instantiate a Panel against existing markup, the constructor is very similar to the one used for Overlay. The example here is instantiated using this constructor: win = new YAHOO.widget.Panel("win", { width:"400px", fixedcenter: true, constraintoviewport: true, underlay:"shadow", close:true, visible:false, draggable:true} );

Panel, like its base classes, features dynamic configuration. Try executing the code below to change the underlay style to matte: panel.cfg.setProperty("underlay","matte");

Sprockets!
sprockets!

Gregor Was, your presence intimidates me to the point of humiliation. Would you care to strike me? Textures intrigue me. Sadly, Klaus is limited. But he is beautiful, is he not? His agony was gorgeous. I need to be slapped.

Your setup has become tiresome. Now I am as happy as a little girl! Rühren mein Affe. Lieben meine Affe-monkey! Why is it that the truly brilliant are doomed to a life of obscurity, surrounded by a sea of mediocrity, only to end up covered in sores in a pool of their own filth? Oh well, the beat goes on.

Now is the time on Sprockets when we dance.

Create / Modify a Dynamic Panel
Property
Value
ID
Header
Body
Footer
Show/Hide Effect(s)
Duration: s
Visible
x position
y position
width
height
z-index
constrain to viewport
fix to center of viewport
Use iframe shim
Modal
Draggable
Show close icon
Underlay
Context element
ID:
 
Align overlay's corner to context element's corner