FineUI 官方论坛

标题: 面板开启了 EnableFrame 后的问题 [打印本页]

作者: dim_$lift 时间: 2012-4-8 22:40
标题: 面板开启了 EnableFrame 后的问题

如下图红色圈里的位置，开启了EnableFrame后面板的侧边空位可以取消吗？
[attach]229[/attach]

作者: Landroid 时间: 2012-4-8 23:28
设置BodyPadding="0"

作者: dim_$lift 时间: 2012-4-8 23:41

Landroid 发表于 2012-4-8 23:28
设置BodyPadding="0"

是不行的，不信你自己试试。
尝试过 .x-panel-ml{padding:1px;}
这样上下右边都会走位，很难看的。

作者: Landroid 时间: 2012-4-9 00:17
有可以测试的代码么？我懒得自己写了。。

作者: sanshi 时间: 2012-4-9 10:25

Landroid 发表于 2012-4-9 00:17
有可以测试的代码么？我懒得自己写了。。

对哦，因为官方示例都是好的。所以最好给出可以直接测试的页面

作者: Landroid 时间: 2012-4-9 14:36
本帖最后由 Landroid 于 2012-4-9 14:53 编辑

dim_$lift 发表于 2012-4-8 23:41
是不行的，不信你自己试试。
尝试过 .x-panel-ml{padding:1px;}
这样上下右边都会走位，很难看的。

测试在ContentPanel中，EnableFrame="false" BodyPadding="0"
效果如图
[attach]235[/attach]
EnableFrame为什么要置为true呢？

当设置EnableFrame=“true”时，
查看页面中的样式，嵌套了三层div,
.x-panel-ml padding-left:6px;
.x-panel-mr padding-right:6px;
.x-panel-mc padding-top:6px;
在里面，才是
.x-panel-body  padding:0px;
所以即使设置Boddy-padding:0，也是不会影响到x-panel-body外的div的
EnableFrame=“false”时，是没有那三层div的。。。

所以，如果你非要设置EnableFrame=“true”
那么就在页面的Head部分添加：

<style type="text/css">
      .x-panel-ml {padding-left:0;}
      .x-panel-mr {padding-right:0;}
      .x-panel-mc {padding-top:0;}
</style>

作者: dim_$lift 时间: 2012-4-11 17:32
设置后有圆角效果，比较好看，直角看多了视角疲劳

作者: Landroid 时间: 2012-4-11 17:38

dim_$lift 发表于 2012-4-11 17:32
设置后有圆角效果，比较好看，直角看多了视角疲劳

好吧。。。

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)