サポート > Wagby Developer Network > 見栄えのカスタマイズ > CSS ファイルの構成と新規追加

Wagby が標準で提供している CSS ファイルの種類について説明します。

Wagby R6 が提供している CSS ファイル

Wagby が標準で提供する CSS ファイルは $(DEVHOME)\env\webpage\css フォルダに用意されています。 具体的には次のとおりです。

ファイル名 説明
logon.css ログオン画面で使用します。
help\help.css ヘルプ画面で使用します。
menu_style.css メニュー画面で使用します。
soria.css 青を基調とした画面を構成します。(標準)
tundra.css グレーを基調とした画面を構成します。
nihilo.css 白を基調とした画面を構成します。

soria, tundra, nihilo はそれぞれ Dojo が提供している CSS テーマをベースにしています。

CSS ファイルを新規に登録する

開発者が新規に作成した CSS ファイルを Wagby に登録することができます。

  1. 作成した CSS ファイルを $(DEVHOME)\env\webpage\css フォルダへ保存します。
  2. $(DEVHOME)\env\webpage\WEB-INF\csslist.xml を編集し、作成した CSS ファイルを登録します。
  3. ビルドを行います。Webデータベースの「プレファレンス」画面で選択することができます。

標準の csslist.xml は次のようになっています。

<?xml version="1.0" encoding="UTF-8" ?>
<csslist>
  <cssitem name="soria" standard="true">soria</cssitem>
  <cssitem name="tundra">tundra</cssitem>
  <cssitem name="nihilo">nihilo</cssitem>
</csslist>

cssitem/@standard 属性が true にセットされたものが標準となります。 追加する場合は、cssitem 要素を増やしていきます。

Wagby では利用者毎に選択された CSS を記憶するようになっています。