Create a Gadget/Widget

Note: Windows 8/10 dont have Gadgets anymore, install either Windows Desktop Gadgets or 8GadgetPack to enable this feature again.

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 subfolders “css”, “images” and “js”

Create “gadget.xml”

<?xml version="1.0" encoding="utf-8"?>
<gadget>
<name>Livetracker</name>
<namespace>microsoft.windows</namespace>
<version>1.0.0.0</version>
<author name="Lunetikk">
<info url="https://lunetikk.de" text="www.lunetikk.de"/>
<logo src="logo.png"/>
</author>
<copyright>© 2020</copyright>
<description>Shows the current played song</description>
<icons>
<icon height="48" width="48" src="icon.png"/>
</icons>
<hosts>
<host name="sidebar">
<autoscaleDPI>true</autoscaleDPI>
<base type="HTML" apiVersion="1.0.0" src="song.html"/>
<permissions>Full</permissions>
<platform minPlatformVersion="1.0"/>
<defaultImage src="drag.png"/>
</host>
</hosts>
</gadget>

Create “livetracker.html”

<html>
<head>
<title>Livetracker</title>
<meta http-equiv="MSThemeCompatible" content="yes">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/styles.css" rel="stylesheet">
<script type="text/javascript">
       setInterval(refreshIframe, 15000);
       function refreshIframe() {
           var frame = document.getElementById("frame1");
           frame.src = frame.src;
       }
</script>
</head>
<body dir="ltr" scroll="no" unselectable="on" onload="init()">
<iframe id="frame1" src="https://lunetikk.de/audio.php" width="650" height="115"></iframe>
</body>
</html>

Lunetikk's IT Wiki

Table of Contents

Create a Gadget/Widget

Lunetikk's IT Wiki

User Tools

Site Tools

Table of Contents

Create a Gadget/Widget

Page Tools