Following the introduction of the Footprints gadget on the SocialWeb Blog yesterday, I've already received a lot of feedback. Based on that, I've made two improvements, which I'd like to share here.

Configure the number of footprints displayed #

<br />{ id: 'div-1231298385220',<br />    'view-params': {<br />    'maxDisplay': '15'<br />  },<br />  url:'http://gadgets.agektmr.com/Footprints/friendconnect.xml',<br />  site: '00268510882932422418'<br />},<br />

Previously, the gadget was built to display 10 footprints by default without any option to change it, but you can now customize this by including configuration values in the code embedded in your HTML. Add view-params and specify the number of footprints you want to display with maxDisplay. You can set a value between 3 and 20.

Configure the skin #

<br />var skin = {};<br />skin['BORDER_COLOR'] = '#cccccc';<br />skin['ENDCAP_BG_COLOR'] = '#e0ecff';<br />skin['ENDCAP_TEXT_COLOR'] = '#000000';<br />skin['ENDCAP_LINK_COLOR'] = '#0000cc';<br />skin['ALTERNATE_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_LINK_COLOR'] = '#0000cc';<br />skin['CONTENT_TEXT_COLOR'] = '#333333';<br />skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';<br />skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';<br />skin['CONTENT_HEADLINE_COLOR'] = '#000000';<br />

You can now customize colors as part of the design. You can adjust them by modifying the skin values included when copying the code from the GFC site. The values that actually take effect are as follows:

BG_COLOR: Overall background color
FONT_COLOR: Font color
CONTENT_HEADLINE_COLOR: Header text color
ENDCAP_TEXT_COLOR: Footer text color
ALTERNATE_BG_COLOR: Footprint background color