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 にあれば最高でした。