1. 版本
報表伺服器版本 | App 版本 | HTML5 行動端展現插件版本 |
---|---|---|
11.0 | V11.0 | V11.0 |
2. 普通報表
在 FineReport 設計器中開啟任意一張普通報表,點選菜單欄「範本>行動端屬性」,如下圖所示:
2.1 範本設定
在設計器中提供手機端專屬範本的畫布尺寸,引導使用者在合適的尺寸內製作手機端範本,提升易用性。
詳情參見: [通用]設定手機端範本
2.2 自適應
詳情參見: [通用]行動端自適應
2.3 其他
2.3.1 頁面再現時重新整理
詳情參見: [App]頁面再現時重新整理及未提交資料提示
2.3.2 允許雙擊/雙指縮放
勾選「允許雙擊/雙指縮放」,行動端預覽範本,使用者可雙擊/雙指縮放範本,以 App 為例,如下圖所示:
3. FVS 視覺化看板
在 FineReport 設計器中開啟任意一張 FVS視覺化看板,點選畫布右上角「範本設定」,即可進入行動端設定介面。如下圖所示:
注:FVS 視覺化看板可切換 PC端/行動端 模式,實現 PC端、行動端分別編輯及預覽。
詳情參見:FVS行動端設定
3.2 組件導航
切換至行動端後,組件的交互面板下,預覽設定中支援開啟「導航」功能,預設不開啟。如下圖所示:
詳情參見:FVS行動端組件導航快速定位
3.3 表格組件
在 FineReport 設計器中開啟一張含有表格組件的 FVS視覺化看板。
切換至「行動端」,選中表格組件,點選「交互>預覽設定」,支援開啟導航和雙指縮放。如下圖所示:
詳情參見:FVS表格組件
4. 決策報表
在FineReport 設計器中開啟任意一張決策報表,點選菜單欄「範本>行動端屬性」,如下圖所示:
4.1 範本設定
詳情參見: [通用]設定手機端範本
4.2 其他
4.2.1 頁面再現時重新整理
詳情參見: [通用]頁面再現時重新整理及未提交資料提示
4.2.2 資料未提交離開提示
詳情參見: [App]頁面再現時重新整理及未提交資料提示
4.2.3 允許雙擊/雙指縮放
注1:決策報表僅支援雙指縮放,不支援雙擊縮放,且雙指縮放僅對報表塊有效,圖表交互使用自帶的交互按鈕。
注2:若報表塊的行動端面板勾選了「組件可選中」,則在行動端預覽時需要先點選激活組件,雙指縮放才有效果。
1)勾選「允許雙擊/雙指縮放」
勾選「允許雙擊/雙指縮放」時,行動端預覽範本,使用者可雙指縮放報表塊,以 App 為例,如下圖所示:
2)取消勾選「允許雙擊/雙指縮放」
取消勾選「允許雙擊/雙指縮放」時,全螢幕顯示的報表塊,仍然支援雙指縮放,分為以下三種情況:
報表塊全螢幕顯示後,支援雙指縮放,行動端預覽範本,以 App 為例,如下圖所示:
body 勾選「手機重佈局」,無論報表塊行動端面板是否勾選「允許全螢幕」,App 中橫屏預覽範本時,報表塊組件都預設全螢幕,故支援雙指縮放.
注:body 勾選「手機重佈局」,報表塊行動端面板不勾選「允許全螢幕」,HTML5 端橫屏預覽範本時,報表塊組件無法全螢幕,不支援雙指縮放。
決策報表中只存在單個報表塊時,報表塊為全螢幕顯示,故支援雙指縮放,行動端預覽範本,以 App 為例,如下圖所示:
4.3 body
在FineReport 設計器中開啟任意一張決策報表,選中「body」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
body 的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
手機屬性 | 手機重佈局 |
|
進階 | 內邊距 |
|
導航樣式 |
| |
顯示該層級下的導航樣式 |
| |
佈局 | 組件間隔 |
|
組件凍結 |
| |
組件順序 |
|
4.4 Tab塊
4.4.1 tablayout
在FineReport 設計器中開啟一張含有 Tab 塊的決策報表,選中「tablayout」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,如下圖所示:
保留佈局時,tablayout 無行動端設定項。
重佈局時,tablayout 的行動端設定項只有一項:「導航>使用導航」,詳情參見:[通用]組件導航快速定位 。
4.4.2 tabpane
在FineReport 設計器中開啟一張含有 Tab 塊的決策報表,選中「tabpane」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
tabpane 的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
樣式範本 |
| |
進階 | 內邊距 |
|
顯示該層級下的組件導航 |
| |
顯示標題 |
| |
支援滑動切換 |
| |
顯示圓點指標 |
| |
佈局 | 組件間隔 |
|
4.5 報表塊
在 FineReport 設計器中開啟一張含有報表塊的決策報表,選中報表塊,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
報表塊的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
導航 | 使用導航 |
|
自適應 | 橫屏 | 詳情參見:決策報表行動端報表塊自適應 |
豎屏 | ||
展開收起 | ||
允許全螢幕 | ||
組件可選中 | ||
手機顯示限制高度 |
4.6 圖表
在FineReport 設計器中開啟一張含有圖表的決策報表,選中圖表,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
圖表的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
導航 | 使用導航 |
|
圖表自適應 | 放大邏輯 | 詳情參見:決策報表行動端圖表自適應 |
縮減邏輯 | ||
展開收起 | ||
允許全螢幕 | ||
組件可選中 |