Ext JSのテーマを利用すれば、特に改造の必要もなく洗練された見た目のWebアプリケーションを作ることができます。同梱されている3つのテーマのどれかを選択するだけで、あなたが作るアプリケーションはどのブラウザ上においても格好よく見えるはずです。
Ext JS 3.2から新たに追加した「テーマサンプル」は任意のテーマのテストやカスタムテーマの作成を簡単にするためのものです。カスタムテーマの作成と利用は、スタイルシートを追加するのと同じくらい簡単な作業です。Ext JSに同梱されているテーマでは構造と見た目に関するCSSプロパティは完全に分離されているため、それぞれのプロジェクトのガイドラインに応じて簡単に色や画像を変更できます。
カスタムテーマ作成のステップ
- DOMの中身をFirefoxとFirebugで確認。変更したい背景画像や構造に関するプロパティを探してください。
- resources/css/に配置したyourtheme.cssを編集。見た目に関するプロパティを上書き、構造に関する変更は追加してください。
- サンプルページ右上から「Your Theme」を選択して、修正したテーマを確認してください。このプロセスを繰り返すだけです！
サンプルをダウンロード
テーマ例を見る
その他の情報源
- FirefoxとFirebugを使えばDOMとCSSを簡単に調べることができます。
- SASSを使ってExt JSテーマの色を変更するRubyGem
- Zipwhipで使われているカスタムテーマのスクリーンショット（英語）
Ext Japanにご相談を
もしテーマ作成を外注されたいのであれば、Ext Japanにご相談ください。テーマ作成が得意な開発会社をご紹介いたします。
