1. 概述
1.1 版本
報表伺服器版本 | App 版本 | HTML5 行動端展現插件版本 |
---|---|---|
11.0 | V11.0 | V11.0 |
1.2 應用場景
使用者需要對決策報表的 body 、Tab 塊的行動端內邊距和組件間隔進行個性化設定 。
Tab 塊的行動端內邊距和組件間隔均保持預設 4px,body 的行動端內邊距和組件間隔均為 0px 、4px 、10px,以App為例進行效果預覽,紅色方框標註的是組件間隔,如下圖所示:
2. 功能介紹
2.1 功能說明
1)設定物件:決策報表的物件僅包括 body 和 Tab 塊。
2)內邊距:指組件與容器之間的距離,預設為 4px 。
3)組件間隔:指該容器下各組件之間的距離,預設為 4px 。
注1:設定的內邊距和組件間隔,只對當前容器下的組件有效。如有巢狀的容器,子容器使用自身的設定 。
注2:設定行動端邊距和間隔,不影響設計器範本可見區域 。
2.2 功能入口
1)點選下載範例範本:決策報表body和tab塊行動端內邊距與組件間隔設定.frm ,在 FineReport 設計器中開啟該範本 。
2)body 及 Tab 塊行動端的內邊距及組件間隔設定受「報表佈局>佈局方式」影響,設定入口為菜單欄「範本>PC端自適應屬性」。如下圖所示:
body 佈局方式選擇「自適應佈局」時,body 和 Tab 塊行動端屬性中可以設定內邊距和組件間隔。如下圖所示:
注:該條件下無論是否勾選「手機重佈局」,均可進行設定。
body 佈局方式選擇「絕對佈局」,且 body 行動端屬性中勾選「手機重佈局」時,body 與 Tab 塊支援設定行動端內邊距及組件間隔。
注:若取消勾選「手機重佈局」,設定項消失,使用預設內邊距和組件間隔 。
如下圖所示:
3. body
Tab 塊的行動端內邊距和組件間隔均保持預設 4px 。
body 的行動端內邊距和組件間隔均為 0px 、4px 、10px,以App為例進行效果預覽,如下圖所示: