反饋已提交
網絡繁忙
複選按鈕組元件行動端支援設定自訂樣式
行動端範本中,多選按鈕組可以幫助使用者展示多維度資料,但是樣式過於單一。
透過設定「複選按鈕組元件」行動專屬樣式,優化顯示效果。例如「聯排按鈕」、「膠囊按鈕」、「圖文按鈕」等。
示範範例:決策報表填報-複選按鈕組元件.frm
該樣式設定僅對行動端範本生效,支援 APP 和 HTML5 端。
不適用於普通報表。
「通用屬性」只有「組件背景」對擴展樣式有效果,若開啟元件顯示增強插件均不生效。
1)在 FineReport 設計器中開啟一張決策報表,並新增「複選按鈕組元件」到範本中。
2)在右側屬性面板元件設定中,選中「checkBoxGroup0」,點選「行動端」,如下圖所示:
「樣式範本」:設定「複選按鈕組元件」的樣式。例如「聯排按鈕」、「膠囊按鈕」、「圖文按鈕」
「最大顯示列數」:當按鈕組多列顯示時,控制最大顯示列數
3)「全選」受「屬性-進階-是否支援全選」控制,勾選「支援全選」後,複選按鈕組擴展樣式中全選按鈕預設顯示在第一個。如下圖所示:
選中「預設」,使用者可設定「自訂」按鈕效果,行動端效果如下圖所示:
選中「聯排按鈕」,可設定「聯排按鈕」各屬性項。行動端效果如下圖所示:
「聯排按鈕」各設定項說明如下表所示:
元件邊框到組件邊框的距離,上下左右均可設定;
預設上下邊距為 15px,左右邊距為 0px
可設定自然佈局或等分佈局
自然佈局:按鈕寬度隨文字自適應。按鈕在一列展示,超出螢幕可捲動
等分佈局:元件寬度/總按鈕數
選中「膠囊按鈕」,可設定「膠囊按鈕」各屬性項。行動端效果如下圖所示:
「膠囊按鈕」各設定項說明如下表所示:
元件邊框到組件邊框的距離,上下左右均可設定
自然佈局:左對齊
兩端對齊:按鈕組橫向充滿
單個按鈕寬度=組件/欄數,支援換列
若一共9個按鈕,設定固定欄數「3」;則分 3 列顯示按鈕。
若設定了「行動端>進階>最大顯示列數」為「2」;則只顯示前 2 列按鈕
選中「圖文按鈕」,可設定「圖文按鈕」各屬性項。行動端效果如下圖所示:
「圖文按鈕」各設定項說明如下表所示:
1)單列展示
支援自然佈局、等分佈局
2)自動填充
按鈕寬度隨文字長度自適應,顯示不下支援換列
3)固定欄數
可設定初始圖示和選中後的圖示
支援上傳自訂圖片
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙