[通用]複選按鈕組行動端按鈕組樣式

1.1 版本

1.2 功能簡介

行動端範本中，多選按鈕組可以幫助使用者展示多維度資料，但是樣式過於單一。

透過設定「複選按鈕組元件」行動專屬樣式，優化顯示效果。例如「聯排按鈕」、「膠囊按鈕」、「圖文按鈕」等。

示範範例：決策報表填報-複選按鈕組元件.frm

2.1 使用場景

• 該樣式設定僅對行動端範本生效，支援 APP 和 HTML5 端。

• 不適用於普通報表。

• 「通用屬性」只有「組件背景」對擴展樣式有效果，若開啟元件顯示增強插件均不生效。

2.2 功能入口

1）在 FineReport 設計器中開啟一張決策報表，並新增「複選按鈕組元件」到範本中。

2）在右側屬性面板元件設定中，選中「checkBoxGroup0」，點選「行動端」，如下圖所示：

• 「樣式範本」：設定「複選按鈕組元件」的樣式。例如「聯排按鈕」、「膠囊按鈕」、「圖文按鈕」

• 「最大顯示列數」：當按鈕組多列顯示時，控制最大顯示列數

3）「全選」受「屬性-進階-是否支援全選」控制，勾選「支援全選」後，複選按鈕組擴展樣式中全選按鈕預設顯示在第一個。如下圖所示：

3.1 默認

選中「預設」，使用者可設定「自訂」按鈕效果，行動端效果如下圖所示：

3.2 聯排按鈕

選中「聯排按鈕」，可設定「聯排按鈕」各屬性項。行動端效果如下圖所示：

「聯排按鈕」各設定項說明如下表所示：

3.3 膠囊按鈕

選中「膠囊按鈕」，可設定「膠囊按鈕」各屬性項。行動端效果如下圖所示：

「膠囊按鈕」各設定項說明如下表所示：

3.4 圖文按鈕

選中「圖文按鈕」，可設定「圖文按鈕」各屬性項。行動端效果如下圖所示：

「圖文按鈕」各設定項說明如下表所示：