gadget just wont display right...

Hot Topic

Missing or Invisible Sidebar Gadgets
Gadget Timer / Refresh
Can't get xml back from Amazon Web Service?
OpenType Fonts?
Can i upload to live gallery ...
how to debug(trace breakpoint) the Decoder MFT?
How to create INPUT element from JS?
attachElementBindingSync
RTM version of Windows Media Player 11 is incompatible with HDiSim
Video Size

Audio and Video

How to disable default key handler?
Multiplexing??
HD-DVD DONE!
Scaling with Media Foundation transform
Creating custom MPEG2 media type
Newbie Sidebar Help Please
Open a webpage in a Flyout?
world of warcraft realm status gadget?
Set Cursor Image
RequestSample has never been called ?

gadget just wont display right...

I am writting my first gadget and all was going well untill i installed it for the first time. The html shows up fine in the browser but in the sidebar i can only see a little bit of the page. Its as if the page is off to the right and I can only see the left most part, the rest is off the screen.

Here are my files (the html is hacked to death after trying to get it working, but this should display more than a sliver right ):

gadget.xml:
< xml version="1.0" encoding="utf-8" >
<gadget>
<name>TPG useage meter</name>
<namespace>TGP.nasanu</namespace>
<version>1.0</version>
<author name="nasanu">
<info url="mailto:kidshibuya@gmail.com subject=TPG sidebar" />
</author>
<copyright>2007</copyright>
<description>This gadget displays your current TPG data usage as a percentage of your total monthly data allowance.</description>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" src="main.htm" />
<permissions>full</permissions>
<platform minPlatformVersion="0.3" />
</host>
</hosts>
</gadget>


Main.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>TPG usage meter by nasanu</title>
<script type="text/javascript" src="tpg.js">
</script>
</head>
<body style="background-color:black; font-family:Arial; font-size:10px; color:WhiteSmoke;" onload="getData()">

<div style=" position:absolute; top:0px; left:0px;">
TPG Sidebar alpha
</div>
<div id="statusBarHolder" style="width: 100px; height: 10px; background-color:Black; text-align:left; border: aqua 1px solid;">
<div id="statusBar" style="width: 23px; height: 10px; background-color:Aqua">
</div>
</div>
<div id="statustext" >
</div>


</body>
</html>


Thanks for any help :)

Answer this question

gadget just wont display right...

  • b182f117

    This problem just seemed to fix itself. I went back to my old code that didnt work, added something that should not have changed anything about the layout and it worked. I removed the change, still worked. God I hate DHTML sometimes.

  • AdeptBlue

    I think in your body tag on the html, in the style part, you need to add something like:

    style="width:260px;height:340px;" Changing the sizes appropriately.

    I'm not sure though
  • gadget just wont display right...
Answer this question