Thursday, June 5th, 2008

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

Category: Opera, Sencha

<>p>

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:

javascript
< view plain text >
  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:

javascript
< view plain text >
  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.     }

Related Content:

Posted by Dion Almaer at 10:12 am
2 Comments

++++-
4.6 rating from 77 votes

2 Comments »

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. ( http://www.extjs.com/playpen/wii/wii-ext.html )

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.