Steps of making a windows sidebar gadgets

In general, the steps for creating a gadget are:

  1. Create a folder named “YourGadgetName.gadget” in any of below location you prefer. (Or you can create it on any other location but for installing, you need to copy it one of the below locations).(for user gadgets)
    %USERPROFILE%\AppData\Local\Microsoft\Windows Sidebar\Gadgets

    (for global gadgets)

    %SYSTEM_ROOT%\Program Files\Windows Sidebar\Gadgets (for global gadgets)

    The following image shows a gadget development folder in the %USER_DATA%\Local\Microsoft\Windows Sidebar\Gadgets folder.Example of a gadget development folder

These practices ensure the gadget appears in the gadget picker with minimal subsequent file handling.

  1. Create the manifest file and save it to the development folder. For more information on the gadget manifest, see Gadgets for Windows Sidebar Manifest.
    <?xml version="1.0" encoding="utf-8" ?>
    <gadget>
      <name>SDK Shell</name>
      <version>1.0.0.0</version>
      <hosts>
        <host name="sidebar">
          <base type="HTML" apiVersion="1.0.0" src="HelloWorld.html" />
          <permissions>Full</permissions>
          <platform minPlatformVersion="1.0" />
        </host>
      </hosts>
    </gadget>
  2. Create the “HelloWorld.html” file and save it to the development folder.
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
        </head>
    
        <body>
            <div id="gadgetContent">
            </div>
        </body>
    </html>
  3. Install the gadget, if necessary.Depending on where you created your development folder, you may need to copy the folder or its content to one of the two previously identified Sidebar system folders. Alternatively, you may want to package the gadget for general distribution and test the gadget installation process. For more information on installing and updating a gadget, see Gadgets for Windows Sidebar Updating and Refreshing.
  4. Test the gadget and make revisions as necessary.

Note : You can use javascript along with  thrid party frameworks , CSS styling and many more web programming feature.

Source : http://msdn.microsoft.com/en-us/library/ff486356(v=vs.85).aspx

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s