历史版本6 :[通用]TAB 标签面板样式 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 版本编辑
报表服务器版本 | jar | APP | HTML5 |
---|---|---|---|
10.0 | 2019.1.9 | 10.1 | 6.1 |
2. 描述编辑
应用场景:以前的移动端tab组件不够智能、样式也比较单一,标题太长可能会导致显示不全,给大家带来了一些困扰。
功能描述:移动端提供更为丰富的tab效果,推出3类移动端专属tab样式:
决策报表,控件设置中选中tabpane,切换到移动端面板,新增移动端样式栏,可以设置移动端样式模板,分为默认、上菜单式、下菜单式、滑动式,如下图:
1)上菜单式:TAB 标题太长不会被截断
2)下菜单式:支持自定义添加图标
3)滑动式:顶部标题滑动切换,让手势拥有更多的可能
3. 操作步骤编辑
打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\analytics\sales\公司回款额_TAB.frm,控件设置中选中tabpane,切换到移动端面板,设置移动端样式模板,如下图:
3.1 上菜单式
移动端预览效果如下图:
3.2 下菜单式
移动端预览效果如下图:
3.3 滑动式
移动端预览效果如下图:
3.4 tab样式自定义
除了标准tab样式,也可以自定义,如下图:
4. 兼容性问题编辑
新app(10.0)+老设计器(9.0、10):只有默认效果,且默认显示正常
新app(10.0)+新设计器(10.0):默认效果及新样式都显示正常
老app(10.0)+新设计器(10.0):只有默认效果,新样式设置后也显示老样式
5. 注意事项编辑
1)tab标题冻结,只在手机重布局且采用上菜单式&默认样式时生效,仅竖屏生效
2)手机重布局下绝对画布块中不支持tab标题冻结
3)非手机重布局下不支持tab标题冻结,包括竖屏和横屏