パネルの背景をきれいに見せる

なんか、作業、始めるとずーっと終わらない・・・・小堤です。

久々にExt JSの作業に戻れたので、ブログでも書こうかと。

んで、題名通り「パネルの背景をきれいに見せる」です。たいしたことではありません。背景指定すれ。ってはなしです。

画像も作らずにExt JSに付属している画像を使いましょう。resources/images/default/form/text-bg.gifです。

二つを見比べてください。画像は、僕が今作ってるアプリケーションのやつなんで・・・気にしないでください。

適用前

適用後

わかりました？タイトルバーの下にうっすらグラデーションが入っています。これだけでぱっと見に印象がやわらかくなりますし、きれいに見えます。

単純に背景を指定するだけなので、手軽でいいのではないでしょうか。

CSS的には、こんな感じ。

background-image: url(../../extjs/resources/images/default/form/text-bg.gif) ! important;
background-repeat: repeat-x;