找回密码
 立即注册

QQ登录

只需一步,快速开始

jwshzr

注册会员

11

主题

31

帖子

86

积分

注册会员

积分
86

活字格认证

jwshzr
注册会员   /  发表于:2013-11-8 21:30  /   查看:6277  /  回复:7
发现c1gridview自带主题不怎么好看,而且标题高度太高了,占用位置,我想修改这些自带的主题,有什么方法可以实现 ?

7 个回复

倒序浏览
gw0506
超级版主   /  发表于:2013-11-11 09:45:00
沙发
Studio for ASP.NET Wijmo支持ThemeRoller,你可以直接在jQuery UI网站上设计你要的皮肤,然后生成css文件,下载到本地并引用到你的项目里。http://jqueryui.com/themeroller/
回复 使用道具 举报
jwshzr
注册会员   /  发表于:2013-11-18 21:56:00
板凳
回复 2楼gw0506的帖子

不好意思,这段时间有事不能回复,你提供的网站是英文的,上手很麻烦,有没有快捷的方法
回复 使用道具 举报
roger.wang
社区贡献组   /  发表于:2013-11-19 09:30:00
地板
回复 3楼jwshzr的帖子

非常理解,项目研发中事情很多,很少有大块的时间系统学习一个新的东西。

有2个解决办法,供您参考:
1 如果做较大的自带的主题, 系统学习ThemeRoller是不二的选择。
2 如果仅仅修改“标题高度太高了,占用位置”这样的,可以采用一个简单的办法试试
  如:在Chrome下,显示调试的,一点一点的找,修改css文件试试。
  然后把下面类似的css文件,嵌入到*.aspx文件中。

  1.     <style type="text/css">
  2.         .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext
  3.         {
  4.             /* padding: 0.5em 1em; */
  5.             display: block;
  6.             position: relative;
  7.             color: green;
  8.             text-decoration: none;
  9.             height: 15px;
  10.         }
  11.     </style>
复制代码



截图:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
jwshzr
注册会员   /  发表于:2013-11-19 22:10:00
5#
回复 4楼roger.wang的帖子

厉害!高手!
你是怎么知道.wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext这些标识??
有什么方法可以知道其它标识呢?
回复 使用道具 举报
roger.wang
社区贡献组   /  发表于:2013-11-20 09:06:00
6#
回复 5楼jwshzr的帖子

高手不敢当,彼此多多交流学习


可能我没有说太清楚,有2个途径:
途径1: 在Chrome下,显示调试的,一点一点的找,修改css文件试试




途径2: 系统看看C1Grid的文档: GridView for ASP.NET Wijmo Client-Side Reference
            需要的知识,全都有。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
jwshzr
注册会员   /  发表于:2013-11-20 23:00:00
7#
回复 6楼roger.wang的帖子

我第一次这样调试,这样调试能够学到很多东东,谢谢咯~~
回复 使用道具 举报
roger.wang
社区贡献组   /  发表于:2013-11-21 08:54:00
8#
回复 7楼jwshzr的帖子

第一次啊。  肯定很兴奋吧,用Chrome学习CSS、HTML、JavaScript很不错的。

对了我们的技术博客在参加大赛,如果能把你的第一次写成博客投稿,肯定效果不错,且说还会有小礼品捧上。 :rose


http://blog.51cto.com/contest2013/2369428
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部