关于tabPanel的样式问题！

xwnabc · 发表于 2014-8-19 11:30:39

我们在页面使用了tabPanel组件
在对应w的css中写入了
/*隐藏tab标题：display: none;*/
.jstabbar .tabItems {
display: none;
}
用来对tabPanel组件隐藏上面的标题
隐藏实现了
但是发现tab组件下面的内容区高度不够
总是与页面下方有一段距离
我如何能增加tab组件的内容区高度。

fpj · 发表于 2014-8-19 13:33:25

统一调整高度：
.jstabbar .tabItems li {
height: 22px;
}

你这样试试

fpj · 发表于 2014-8-19 13:34:06

/UI/system/components/tabs/tabs.css
这个文件中是这个组件相关样式的定义
.jstabbar .tabItems LI {
background:url("2.png");
background-color:#f5faff;
border:1px solid #99bbe8;
border-bottom:none;
FLOAT: left;
MARGIN-RIGHT: 5px;
LIST-STYLE-TYPE: none;
height:23px;
cursor: pointer ;
}
这个里面控制的tabPanel

xwnabc · 发表于 2014-8-19 14:10:05

我的需求是在当前w中想办法修改
tab内容区的高度。

xwnabc · 发表于 2014-8-19 14:10:44

而且这个需求必须在页面onload之后生效。

jishuang · 发表于 2014-8-19 16:35:21

不设置就没有问题吗？

xwnabc · 发表于 2014-8-19 16:44:34

上方的title我已经隐藏了
现在需要将下方的高度调高一点。
就这么个需求。
js方法都写好了
按钮调运是能实现效果的
但是我需要在页面加载后自动实现效果。

xwnabc · 发表于 2014-8-19 16:45:53

我发现一经过 html中<body onload 我调整的高度会重新变回去。

jishuang · 发表于 2014-8-19 17:25:13

xwnabc 发表于 2014-8-19 16:44
上方的title我已经隐藏了
现在需要将下方的高度调高一点。
就这么个需求。

具体的设置发一下看看

xwnabc · 发表于 2014-8-19 17:42:07

就是按我1楼的说法加了css呀
你可以按照我的做法测试一下。

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

[结贴] 关于tabPanel的样式问题！