1

Struts2-jQuery Grid /jQGrid 'Toolbar Icons' のサイズを大きくすることはできますか? 保存/削除/検索/追加など?

この点で、ユーザーは視覚的なアクセシビリティを必要とします。ブラウザのズームサイズを設定する以外に解決策はありますか?

更新(修正方法):

ステップ 1: 32 ピクセルのアイコン スプライト グリッドを ダウンロード
ステップ 2: このスプライト グリッド イメージを webapp\template\mytheme\images フォルダーに配置
ステップ 3:jquery-ui.cssファイルを更新 (ThemeRoller からカスタム テーマ用に生成されたもの)
ステップ 4: ICONS内ステップ 5: 同じクラスにプロパティを 追加ステップ 6: すべての.ui-state-defaultイメージ クラスの位置を調整 ステップ 7: 画像編集ツールを使用してサイズを圧縮し、すべてのアイコンを32px から24px に変更し、さまざまな色設定 (色相/彩度など) を変更して、さまざまな UI 状態に対して異なる色を取得しました。
width: 16px; height: 16px;

 example: 
Changed
.ui-icon-trash { background-position: -176px -96px; }

to 

.ui-icon-trash { background-position: -352px -192px; }

これにより、新しいサイズのアイコンが導入されました。現在直面している唯一の課題は、さまざまな状態 (アクティブ、デフォルト、ホバー、エラー) に適した 32 ピクセルの CSS スプライト グリッド アイコン イメージを見つけることです。

さまざまなサイズのアイコン セットを生成するこのオプションが ThemeRoller にあれば最高でした。

4

1 に答える 1

2

32px で利用できる新しいアイコン セットをダウンロードする必要があります。これらのアイコンは、jquery ui カスタム css と共に提供されます。

詳細については、このリンクを確認してください

http://wiki.jqueryui.com/w/page/26308090/ThemeRoller-icon-set

于 2012-07-25T05:42:08.287 に答える