Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to set the size of a desktop gadget that you create
    text
    copied!<p>I am trying to create a very basic windows desktop gadget to display my Stack Overflow Flair.</p> <p>I do not have much experience with html or web development. I have tried to follow the instructions <a href="http://msdn.microsoft.com/en-us/library/windows/desktop/ff486362%28v=vs.85%29.aspx" rel="nofollow noreferrer">here</a>, but when I install the gadget it is tiny:</p> <p><img src="https://i.stack.imgur.com/gMUxg.png" alt="enter image description here"></p> <p>Yes, it's that tiny white square.</p> <p>I have tried setting a background image but it doesn't seem to work either (I don't actually need a background image, I was just trying to get it to work). If I run the html source file stand alone then it displays correctly in a browser:</p> <p><img src="https://i.stack.imgur.com/IsZlE.png" alt="enter image description here"></p> <p>Here is the code from the html source file (named MySOFlair.html):</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="gadgetContent"&gt; &lt;a href="http://stackoverflow.com/users/2012446/chrisprosser"&gt; &lt;img src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" alt="profile for ChrisProsser at Stack Overflow, Q&amp;amp;A for professional and enthusiast programmers" title="profile for ChrisProsser at Stack Overflow, Q&amp;amp;A for professional and enthusiast programmers"/&gt; &lt;/a&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Here is the code from the manifest file (Gadget.xml):</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt; &lt;gadget&gt; &lt;name&gt;MySOFlair&lt;/name&gt; &lt;version&gt;1.0.0.0&lt;/version&gt; &lt;author name="Chris Prosser" /&gt; &lt;description&gt;Mt Stack Overflow Flair Gadget&lt;/description&gt; &lt;!--&lt;icons&gt; &lt;icon src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" /&gt; &lt;/icons&gt;--&gt; &lt;hosts&gt; &lt;host name="sidebar"&gt; &lt;base type="HTML" apiVersion="1.0.0" src="MySOFlair.html" /&gt; &lt;permissions&gt;Full&lt;/permissions&gt; &lt;platform minPlatformVersion="1.0" /&gt; &lt;!--&lt;defaultImage src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58"/&gt;--&gt; &lt;/host&gt; &lt;/hosts&gt; &lt;/gadget&gt; </code></pre> <p>I have tried uncommenting the image links in here, but it doesn't change anything.</p> <p>Any ideas on how to set the size correctly would be greatly appreciated.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload