Sencha Touch change theme dynamically / programmatically

Dienstag, 2. September 2014

Here's an example how to change the Sencha Touch theme within your coding.

Demo: LINK

Source: LINK

The most important part is this function:

	changeCSS: function(cssFile, cssLinkIndex) {
	var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
	var newlink = document.createElement("link");

	newlink.setAttribute("rel", "stylesheet");
	newlink.setAttribute("type", "text/css");
	newlink.setAttribute("href", cssFile);

	document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
	}