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>