unidbgrid字体改大了之后无法显示完整的解决办法

默认的unidbgrid字体就是8号,然后稍微改大一点后就会把文字覆盖掉一部分,无法显示。

问题图片:

 该问题查了网上查了很久,都没有相关例子,并不是大家都不会解决,只是有部分涉及到商业,就是收费索取,不愿意公开实现代码。

虽然心里知道可以通过css去修改样式实现,可是完全不懂css

只能找个大概的例子,在此借鉴涂磊老师的方法,如何在网页查到对应的cls属性

uniGUI学习之自定义CSS之如何找控件属性(50) - 涂磊 - 博客园 (cnblogs.com)

 通过调试,发现.x-column-header-text-inner属性有效果,然后把该属性复制起来

.x-column-header-text-inner {
    background-repeat: no-repeat;
    font: normal 30px/39px tahoma, arial, verdana, sans-serif;
}

把代码放入servermodule>customCSS里面

然后选中unidbgrid,然后填上样式名

奇迹出现了,完美!

改变标题颜色方法:

 

 选中渐变,不选中为淡绿色。

把代码放入servermodule>customCSS里面,然后在任意一个unidbgrid里面的cls引用这几个

/*表格标题为绿色*/
.x-column-header-inner {
background-color: #a5cd7d;
   /* background-color: #94cc5c;  */
}

/*底部翻页功能也同时为绿色*/
.x-box-inner {
    background-color: #a5cd7d;
}

/*标题颜色变了绿色后,同时修改字体颜色*/
.x-column-header-text-inner {
    background-repeat: no-repeat;
    font: normal 16px/19px tahoma, arial, verdana, sans-serif;
    color: #fff;
}

 /*表格选中为绿色渐变*/
.x-column-header-over{
background-image: -webkit-linear-gradient(bottom, #ebf3fd,#a5cd7d 39%,#a5cd7d 40%,#a5cd7d)
}

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值