2008年2月16日土曜日

ExtJSのテーマの変更方法

ExtJSはテーマを切り替えることにより、見栄えを変更することができます。

ExtJS2.0では標準以外にxtheme-gray.cssというCSSが用意されているので追加で読み込むことでgrayテーマが適用されます。
【grayテーマを適用する場合のサンプル】
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="ext-2.0.1/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" media="screen" href="ext-2.0.1/resources/css/xtheme-gray.css">
<script type="text/javascript" src="ext-2.0.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.0.1/ext-all.js"></script>
</head>
<body>
</body>
</html>

0 件のコメント: