To view the source of this page, right click (Mac users control+click) in this frame and select "View Source" or "This Frame"->"View Source".

Hello World Dialog

This example shows how to create a very simple modal BasicDialog with "autoTabs".



This example and the gray theme were sponsored by Dharmesh Shah of http://onstartups.com/. Thanks Dharmesh!

Note that the js is not minified so it is readable. See hellos.js for the full source code.

Here's snapshot of the code that creates the dialog: 
dialog = new YAHOO.ext.BasicDialog("hello-dlg", { 
        modal:true,
        autoTabs:true,
        width:500,
        height:300,
        shadow:true,
        minWidth:300,
        minHeight:300
});
dialog.addKeyListener(27, dialog.hide, dialog);
dialog.addButton('Close', dialog.hide, dialog);
dialog.addButton('Submit', dialog.hide, dialog).disable();