1. Requirements
2. Usage

A widget to display metrotiles as seen in Windows 8 operating system. This widget is basically a wrapper for MetroJs and TileJs combined. MetroJs is used to create the tile animation while TileJs is to give the tilting effects.

Requirements ¶

• Yii 1.1.10 or above

Usage ¶

1. Download and extract EMetroTile in your extension directory.
2. Call the widget. Following is how array data should be organized. Example:

$this->widget('ext.emetrotile.EMetroTile', array(
	'Tiles'=>array(
				array('title'=>'Test Title', 'tiles'=>array(
					array('content'=>array('test1-a','test1-b'), 'liveTileOptions'=>array('data-speed'=>750, 'data-delay'=>3000,'data-stack'=>true)),
					array('content'=>array('test2-a', 'test2-b'), 'position'=>'bottom', 'liveTileOptions'=>array('animate'=>true)),
					array('content'=>'test4', 'position'=>'bottom'),
					array('content'=>'Blog', 'style'=>'vertical', 'url'=>'http://blog.expressthisout.com'),
					array('content'=>array('test3-a','test3-b','test3-c'), 'style'=>'horizontal', 'liveTileOptions'=>array('data-mode'=>'carousel')),
					array('content'=>array('test5-a','test5-b'), 'position'=>'bottom', 'liveTileOptions'=>array('data-mode'=>'flip')),
					array('content'=>'test6', 'position'=>'top'),

				))
		)
  ));

Done, you are ready to go.

For those who want to have an idea how it would look like, here are some screenshots of it:

• http://www.anony.ws/M5L
• http://www.anony.ws/M5S
• http://www.anony.ws/M5U