Gadgets Skin
Example of getting the information of the skin that the Hyver is using, this way the application can blend in with the profile (Spec reference).
<?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="gadgetSkins" summary="" description="" author="" author_email="" thumbnail="" screenshot="" height="260"> <Require feature="opensocial-0.7"/> <Require feature="views"/> <Require feature="dynamic-height"/> <Require feature="skins" /> </ModulePrefs> <Content type="html"> <![CDATA[ <script type="text/javascript"> function init() { var sContent = '<h4>gadgets.skins</h4>'; sContent += "BG_COLOR: "+gadgets.skins.getProperty(gadgets.skins.Property.BG_COLOR)+"<br>"; sContent += "ANCHOR_COLOR: "+gadgets.skins.getProperty(gadgets.skins.Property.ANCHOR_COLOR)+"<br>"; sContent += "BG_IMAGE: "+gadgets.skins.getProperty(gadgets.skins.Property.BG_IMAGE)+"<br>"; sContent += "FONT_COLOR: "+gadgets.skins.getProperty(gadgets.skins.Property.FONT_COLOR)+"<br>"; document.getElementById('content').innerHTML = sContent; } gadgets.util.registerOnLoadHandler(init); </script> <div id="content" style="width:380px;margin:10px auto;font-size: 80%"> </div> ]]> </Content> </Module>
Example install (Make sure you're not in OpenSocial Sandbox mode)
Example file