1

这是我们收到的一个要求,我们可以增加 Struts2-jQuery Grid /jQGrid 'Toolbar Icons' 的大小吗?像保存/删除/查找/添加等?

在这方面,我们的用户需要视觉可访问性。除了设置浏览器的缩放大小之外,还有什么解决方案吗?

更新(我们如何修复它):

第 1 步:下载32px 图标精灵网格
第 2 步:将此精灵网格图像放在 webapp\template\mytheme\images 文件夹
中 第 3 步:更新jquery-ui.css文件(从 ThemeRoller 为我们的自定义主题生成)
第 4 步:在图标中部分更新.ui-state-default类以指向新图像 第 5 步: 为同一类
添加属性 第 6 步:调整每个图像类中的位置 第 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; }

这带来了新大小的图标。我们现在面临的唯一挑战是为各种状态(活动、默认、悬停和错误)找到合适的 32px css sprite 网格图标图像。

如果 ThemeRoller 有这个选项来生成各种大小的图标集,那就太好了。

4

1 回答 1

2

您将不得不下载一组 32 像素的新图标,这些图标与 jquery ui 自定义 css 一起提供。

检查此链接以获得更多帮助

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

于 2012-07-25T05:42:08.287 回答