Next revision | Previous revision |
windows:windows:gadget [2020/04/06 16:24] – created lunetikk | windows:windows:gadget [2020/04/06 16:54] (current) – lunetikk |
---|
====== Create a Gadget/Widget ====== | ====== Gadget/Widget ====== |
| |
//Note: Windows 8/10 dont have Gadgets anymore, install either [[http://gadgetsrevived.com/wp-content/uploads/2013/10/DesktopGadgetsInstaller.zip|Windows Desktop Gadgets]] or [[http://8gadgetpack.net/dl123/8GadgetPackSetup.msi|8GadgetPack]] to enable this feature again.// | //Note: Windows 8/10 doesnt have Gadgets anymore, install either [[http://gadgetsrevived.com/wp-content/uploads/2013/10/DesktopGadgetsInstaller.zip|Windows Desktop Gadgets]] or [[http://8gadgetpack.net/dl123/8GadgetPackSetup.msi|8GadgetPack]] to enable this feature again.// |
| |
| ===== Create a Gadget/Widget ===== |
| |
In this example I create a gadget for my music livetracker. | In this example I create a gadget for my music livetracker. |
Create a folder "livetracker.gadget" in "%USERPROFILE%\AppData\Local\Microsoft\Windows Sidebar\Gadgets\" | Create a folder "livetracker.gadget" in "%USERPROFILE%\AppData\Local\Microsoft\Windows Sidebar\Gadgets\" |
| |
Create subfolders "css", "images" and "js" | Create subfolders "css" and "images" |
| |
Create "gadget.xml" | Create "gadget.xml" in the rootfolder |
| |
<code> | <code> |
<author name="Lunetikk"> | <author name="Lunetikk"> |
<info url="https://lunetikk.de" text="www.lunetikk.de"/> | <info url="https://lunetikk.de" text="www.lunetikk.de"/> |
<logo src="logo.png"/> | <logo src="images/logo.png"/> |
</author> | </author> |
<copyright>© 2020</copyright> | <copyright>© 2020</copyright> |
<description>Shows the current played song</description> | <description>Shows the current song</description> |
<icons> | <icons> |
<icon height="48" width="48" src="icon.png"/> | <icon height="48" width="48" src="images/icon.png"/> |
</icons> | </icons> |
<hosts> | <hosts> |
</code> | </code> |
| |
Create "livetracker.html" | Create "livetracker.html" in the rootfolder |
| |
<code> | <code> |
</html> | </html> |
</code> | </code> |
| |
| Create "styles.css" in css folder |
| |
| <code> |
| body |
| { |
| width: 660px; |
| height: 115px; |
| margin:0; |
| border:2px outset gray; |
| cursor:default; |
| } |
| </code> |
| |
| Add your images to your images folder and start the gadget |
| |
| ===== Start a Gadget/Widget ===== |
| |
| Rightclick your desktop and select "Gadgets" or in german "Minianwendungen" |
| |
| {{:windows:windows:pasted:20200406-163124.png?400}} |
| |
| {{:windows:windows:pasted:20200406-164521.png}} |
| |
| {{:windows:windows:pasted:20200406-163532.png}} |