EVGA

How To: Install Live Folding Gadget v1.0

Author
Tiger770
SSC Member
  • Total Posts : 626
  • Reward points : 0
  • Joined: 2010/01/21 19:33:17
  • Status: offline
  • Ribbons : 8
2011/01/31 18:04:20 (permalink)
I was so inspired by unhappyelf's use of a PHP to PNG Live Stats Signature, that I decided to take it another step and write my own Windows Gadget to display the PNG we created on my desktop.  This gives me a nice gadget I can make transparent and easily check on the status of all my folding clients.
 
This is the first revision, and hopefully I'll get better at coding in some settings tabs to make the install easier, but I wanted to get this in your hands as soon as possible to get some feedback / help finishing it.
 
This will be the end result:

 
1.  Find the dimension of your Folding Signature PNG you created following Unhappy Elf's Tutorial.  You can do this by navigating to your signature directly, right clicking it and selecting properties.  This will pop open a dialog box and show you the dimensions.  Write this down, you'll need it later. 
 

 
2.  Download the LiveFolding.zip.  Extract and double click LiveFolding.gadget to install.

3.  Navigate to the path of the installed gadget. 
Quick Trick: Copy the line below and paste it into your run box.
 
%localappdata%\Microsoft\Windows Sidebar\Gadgets\LiveFolding.gadget

 
 
4.  You should now see 3 files: 
Gadget.xml
LiveGadget.html
LiveGadget.png 
 
5.  Right Click LiveGadget.html and select "Open With -> Choose Program" and select Notepad from the list of applications. 
 
6. Edit Line 3.  Below is an example.  You will want to change the red value below to your User Account Login.
 
<meta http-equiv="refresh" content="900;url=C:\Users\USERNAME\AppData\Local\Microsoft\Windows Sidebar\Gadgets\LiveFolding.gadget\LiveGadget.html" /> 
 
7.  Edit Line 5.  Below is an example.  You will want to change the Height and Width values in red to match your PNG's dimensions.
 
<body style="margin:0px; padding=0; width:900px; height:181px;"> 
 
8.  Edit Line 6.  Below is an example.  You will want to change the source path (URL) in blue to point to your live stats PNG (full URL).
 
<iframe src="http://alphaserver.game-s...olding/Livefolding.png" marginheight="0" marginwidth="0" style="width:100%; height:100%" scrolling="no" allowtransparency="true" frameborder="0"></iframe> 
  
 
9.  Save your changes and close notepad and the windows explorer window. 
 
10.  Right click on your desktop and select Gadgets. 
 
11.  Select the Live Folding Stats gadget and drag it to your desktop.
 
12.  Enjoy!
 
Some more information:  If you want the gadget to be more transparent, you can right click it and select Opacity level to your liking.
 
 
The gadget is coded to update itself (refresh the PNG image) once every 15 minutes.  If you would like to modify this time (faster or slower) you can do so in the file LiveGadget.html.  You will need to modify Line 3 and change the 900 in the section content='900;   This sets the timeout to refresh in seconds, so for one minute change 900 to 60, two minutes would be 120, etc. 
 
UPDATE:
I was able to get the gadget to be self installing so this cut out a few steps.  Now all you have to do is double click LiveFolding.gadget to install (found inside Livefolding.zip).
post edited by Tiger770 - 2011/02/02 18:41:46

 

#1

13 Replies Related Threads

    danger30q
    Superclocked Member
    • Total Posts : 150
    • Reward points : 0
    • Joined: 2008/04/19 11:28:14
    • Location: Madison, WI
    • Status: offline
    • Ribbons : 2
    Re:How To: Install Live Folding Gadget v1.0 2011/01/31 19:45:56 (permalink)
    This looks awesome! There has been some great projects and tutorials from members on this team. I greatly appreciate it since I do not have coding ability.


    2600K @ 4.5ghz 1.35V, Asus P67 Pro, 4gb G.Skill RipJawsX 2133mhz 9-10-9-28, EVGA 580 GTX SC @ 850mhz on air, Corsair AX850, Lian-Li A10 custom anodized all black
    #2
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/01/31 19:48:02 (permalink)
    Thanks man!  I appreciate the feedback.  I hope to be able to figure out in the next couple of days how to code some javascript flyout windows for configuring the settings (input path to your png, height and width, update interval) and it would be nice if I can figure out how to compile the whole zip into an installable *.gadget format.
     
    It's a start! 

     

    #3
    Sleinous
    EVGA Forum Moderator
    • Total Posts : 7633
    • Reward points : 0
    • Joined: 2010/06/12 12:22:01
    • Location: Paris, France
    • Status: offline
    • Ribbons : 32
    Re:How To: Install Live Folding Gadget v1.0 2011/01/31 23:02:50 (permalink)
    Looking good :D Im guessing it uses the HFM one rather than the FAH Tracker for origin of data?

    My Affiliate Code: GL1IAAFWJF
    #4
    clifford_cooley
    iCX Member
    • Total Posts : 463
    • Reward points : 0
    • Joined: 2010/11/03 18:40:27
    • Location: Arkansas, USA
    • Status: offline
    • Ribbons : 0
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 03:33:53 (permalink)
    Nice - I might have some fun with this idea too.
    post edited by clifford_cooley - 2011/02/01 03:35:01
    #5
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 06:13:23 (permalink)
    Sleinous

    Looking good :D Im guessing it uses the HFM one rather than the FAH Tracker for origin of data?


    Actually it doesn't matter which method you use - HFM or Version Tracker.  All it does is display the PNG file that is created from your PHP script.  So as long as your badge works, this will work - just set your gadget path's username, simply point the iframe source (src=) to your PNG file (http://domain.com/something/foldingisawesome.png or whatever it is) and set your dimensions on the lines I noted. 

     

    #6
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 13:26:01 (permalink)
    Updated the original post to reflect fewer steps and the download link to the self installer.

     

    #7
    clifford_cooley
    iCX Member
    • Total Posts : 463
    • Reward points : 0
    • Joined: 2010/11/03 18:40:27
    • Location: Arkansas, USA
    • Status: offline
    • Ribbons : 0
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 13:38:43 (permalink)
    Tiger770

    Updated the original post to reflect fewer steps and the download link to the self installer.

    Link results in: :(
    The page cannot be found
    The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.

    #8
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 13:55:20 (permalink)
    clifford_cooley
    Link results in: :(
    The page cannot be found
    The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.



    Whoops.  Thanks!  Fixed. 

     

    #9
    clifford_cooley
    iCX Member
    • Total Posts : 463
    • Reward points : 0
    • Joined: 2010/11/03 18:40:27
    • Location: Arkansas, USA
    • Status: offline
    • Ribbons : 0
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 18:20:24 (permalink)
    Tiger770Extract and double click LiveFolding.gadget to install.

    It's not installing, no errors or anything.
     
    I'm sure you will fix it though. :)
    #10
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 19:59:11 (permalink)
    clifford_cooley
    It's not installing, no errors or anything.
    I'm sure you will fix it though. :)


    *smack*  Sorry.  I've got several locations with a few revisions I was working on. Leave it to me to not update the actual download location I posted. 
     
    *ahem* so uh, if you click the link now and download it, the extracted LiveFolding.gadget will automatically install and open after you double click it.  Note: you'll probably see my signature open by default.  Just close the open gadget and continue with my steps above to customize the paths and variables for your setup.
     
    P.S.  Thanks for hanging in there with me.  This is my first Windows Gadget.
    post edited by Tiger770 - 2011/02/01 20:00:15

     

    #11
    clifford_cooley
    iCX Member
    • Total Posts : 463
    • Reward points : 0
    • Joined: 2010/11/03 18:40:27
    • Location: Arkansas, USA
    • Status: offline
    • Ribbons : 0
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 22:02:50 (permalink)
    Tiger770Thanks for hanging in there with me.  This is my first Windows Gadget.

    Congrats, the gadget installer is working!!!
     
    PS - You just explained to me what I needed to make my own gadgets.
     
    #12
    Tiger770
    SSC Member
    • Total Posts : 626
    • Reward points : 0
    • Joined: 2010/01/21 19:33:17
    • Status: offline
    • Ribbons : 8
    Re:How To: Install Live Folding Gadget v1.0 2011/02/01 22:16:29 (permalink)
    clifford_cooley

    Congrats, the gadget installer is working!!!

    PS - You just explained to me what I needed to make my own gadgets.



    Hey glad I could help!
     
    Hope you enjoy the gadget as much as I do.  It's a nice sort of 'heads up' display to check out my folding when I sit down on my machine. 

     

    #13
    unhappyelf
    iCX Member
    • Total Posts : 321
    • Reward points : 0
    • Joined: 2008/09/24 19:55:01
    • Location: Houston, Tx
    • Status: offline
    • Ribbons : 1
    Re:How To: Install Live Folding Gadget v1.0 2011/02/02 21:27:16 (permalink)
    This is really cool. I never would have thought to do this. I'm going to have to give this a shot!


    #14
    Jump to:
  • Back to Mobile