Dynamic styles for alloy.

alloy.js

/**
 * Override createWidget until widget styling is possible in Alloy
 */
Alloy.createWidget = function(id, name, args) {
    if ("undefined" != typeof name && null !== name && _.isObject(name) && !_.isString(name)) {
        args = name;
        name = DEFAULT_WIDGET;
    }

	var widget = new (require("alloy/widgets/" + id + "/controllers/" + (name || DEFAULT_WIDGET)))(args);

	// Workaround for styling widgets until the feature is implemented in Alloy
	if (args.styles) {
		for(var property in args.styles) {
			var value = args.styles[property];
			if (typeof value === 'object') {
				widget[property].applyProperties(value);
			}
		}
	}

    return widget;
};

someController.tss

"#textfield": {
	styles: {
		textfield: {
			width: 300,
            		hintText: "textfield widget"
		}
	}
}

someController.xml

<Alloy>
	<Window id="window">
		<Widget id="textfield" src="uikit" name="textfield" />
	</Window>
</Alloy>

textfieldWidget.xml

<Alloy>
	<TextField id="textfield" />
</Alloy>