emetrotile A wrapper to create a metro interface.

  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.


  • Yii 1.1.10 or above


  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(
				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:

1 0
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Tags: Metro
Developed by: Blue Spy
Created on: Jan 30, 2013
Last updated: 11 years ago


show all