历史版本7 :[通用]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 标题冻结,包括竖屏和横屏