Shindig has a file called skins.js under features/ folder. This
configures and initializes gadgets.skins, allowing gadgets which have
the "skins" feature to use their container's color scheme.
There are some style properties to configure but as I've seen so far,
most gadgets care more about 3 of them: backgroundColor, fontColor and
anchorColor. I'll register just these 3 properties, so
gadgets.config.register looks like this by default:
gadgets.config.register("skins", requiredConfig, function(config) {
skinProperties = config["skins"].properties;
});
We need to change it to:
gadgets.config.register("skins", requiredConfig, function(config) {
skinProperties[gadgets.skins.Property.BG_COLOR]
=gadgets.util.getUrlParameters().bg_color;
skinProperties[gadgets.skins.Property.FONT_COLOR]
=gadgets.util.getUrlParameters().font_color;
skinProperties[gadgets.skins.Property.ANCHOR_COLOR]
=gadgets.util.getUrlParameters().anchor_color;
});
Assigning each property to gadgets.util.getUrlParameters().<param>,
where <param> is part of the iframe's querystring, each gadget is able
to take its container's color scheme. For colors, these parameters
take rgb format, ex "rgb(255, 255, 255)".
We also have to urlencode these params, like this... &bg_color=rgb
(41%2C%2041%2C%2041)&font_color=rgb(153%2C%20153%2C%20153)
&anchor_color=rgb(209%2C%202%2C%200)
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Implementing OpenSocial Containers" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/opensocial-container?hl=en
-~----------~----~----~----~------~----~------~--~---
