Thursday, June 5th, 2008

WiiExtJS: Building Ajax apps that run on the Wii Opera browser

Category: Opera, Sencha

Shea Frederick has posted on building Wii-friendly web pages using the ExtJS library.

Shea focuses on the various issues that come up when building something for the Wii resolution, screen size, input types, and more.

For example, check out the layout:


  1. Ext.ns('Ext.ux.layout');
  2. Ext.ux.layout.wii = Ext.extend(Ext.layout.FitLayout, {
  3.     setItemSize : function(item, size){
  4.         var viewSize = Ext.getBody().getViewSize();
  5.         this.container.addClass('ux-layout-wii');
  6.         item.addClass('ux-layout-wii-item');
  7.         size.height = (viewSize.height-60);
  8.         size.width = (viewSize.width-60);
  9.         item.setSize(size);
  10.     }
  11. });
  12. Ext.Container.LAYOUTS['wii'] = Ext.ux.layout.wii;

And then you can detect the Wii to set this layout:


  1. Ext.isWii = navigator.userAgent.toLowerCase().indexOf("wii") > -1;
  2.     var layout = 'fit';
  3.     var title = 'Normal';
  4.     if (Ext.isWii) {
  5.         layout = 'wii';
  6.         title = 'Wii';
  7.     }

Posted by Dion Almaer at 10:12 am

4.6 rating from 78 votes


Comments feed TrackBack URI

Okay, I saw Wii on Ajaxian and I got a little excited, but then I realized the following:
* they spelled embedded wrong.
* wanted sweet Wii demo, got a RSS reader. ( )

In a nutshell all the article says is Wii Opera is compatible with ExtJS, use xyz resolutions, large fonts, and easy on the complex input.

This is old news, it would of been okay if they had a sweet demo.

Comment by Tr0y — June 5, 2008

Its actually not RSS, but JSON encoded data from the MySQL database thats powering the ExtJS forum.

Comment by VinylFox — June 5, 2008

Leave a comment

You must be logged in to post a comment.