面板开启了 EnableFrame 后的问题

dim_$lift · 发表于 2012-4-8 22:40:28

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

Landroid · 发表于 2012-4-8 23:28:27

设置BodyPadding="0"

dim_$lift · 发表于 2012-4-8 23:41:00

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

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

Landroid · 发表于 2012-4-9 00:17:27

有可以测试的代码么？我懒得自己写了。。

sanshi · 发表于 2012-4-9 10:25:19

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

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

Landroid · 发表于 2012-4-9 14:36:31

本帖最后由 Landroid 于 2012-4-9 14:53 编辑

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

测试在ContentPanel中，EnableFrame="false" BodyPadding="0"
效果如图

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:19

设置后有圆角效果，比较好看，直角看多了视角疲劳

Landroid · 发表于 2012-4-11 17:38:21

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

好吧。。。

		自动登录	找回密码
密码			立即注册

面板开启了 EnableFrame 后的问题

本帖子中包含更多资源

本帖子中包含更多资源