Vista Sidebar gadget development(dropping)

Minimun gadget size: 25px * 60px (when an error is occured)

Docked gadget size: 130px * any

System.Gadget.settingsUI = "settings.htm";

System.Gadget.onShowSettings = handler;

System.Gadget.onSettingsClosed = handler;

System.Gadget.onDock = handler;

System.Gadget.OnUndock = handler;

System.Gadget.Flyout.file = "flyout.htm";

System.Gadget.Flyout.onShow = procFlyoutShowEvent;

System.Gadget.Flyout.onHide = procFlyoutHideEvent;

System.Gadget.Flyout.show = true; // shows the flyout ,occur tow things:

// Flyout.onShow event fires in the main gadget page.

//Flyout onLoad event fires in the flyout page.

/*A transparent/translucent background image don't allow other translucent image to be layered on it.*/

/*Sidebar creates a common border and control buttons(Ok and Cancel) that are used by  all settings page.*/

var settingData = System.Gadget.Settings.read("settingName");

System.GadGet.Settings.write("settingName",value);

System.Gadget.onSettingsClosing = function(){

    if(event.doseAction == event.Action.commit)

    {

         System.Gadget.Settings.write("UndockSmallFlag",gSetNewUndockSmallFlag);

    }

}

To use the special Sidebar background element in a gadget, add the following code to the HEAD section of an HTML file:

<g:background> Rich Graphics Tag

<g:background

id="gadgetBackground"

src="images/partiallyTransparent.png"

style="position:absolute;top:0;left:0;z-index:-999">

</g:background>