Description

Overview of how it works

The Shapechanger works by detecting the viewer's browser a and generating one of two different module positions within itself depending on the browser with which it being used.

This allows alternate modules to be displayed in different browsers. e.g. a static image for IE and a slide show for other browsers.

It can alternatively be told simply to hide modules in one browser and display no alternative in the other.

e.g. On this site, the clouds at the top of page are all contained within a Shapechanger module and only appear in non IE browsers. Why? Because the layout refuses to cooperate in IE. It handles negative margins poorly. Also, on the main page if you are using IE you will see a warning message that we don't support IE. This message is also contained within a Shapechanger module.

Usage instructions

1. Create 1 or 2 new module positions (Site -> Template Manager -> Module Positions) e.g. 'scie', 'scnotie'. I say 1 or 2 because if you don't want to have alternative modules you only need one position. 
2. Assign the modules that you want to display in the different browsers to the appropriate module positions. e.g. 'Slideshow' module -> 'scnotie' position. 'Image' module -> 'scie' position.
3. Enter the name of the new module positions into the parameters for the Modulehider. e.g. 'scie', 'scnotie'.
4. Alter the other parameters to suit your site. e.g. you will probably want to hide the title.
   
5. Assign the Shapechanger to the module position where you want the modules to show. e.g. 'left'
6. Publish the Shapechanger. (ensure your other modules which are inside the Shapechanger are also published)
   

Roadmap