決策報表單選複選按鈕組行動端樣式

1.1 版本

1.2 應用場景

行動端範本中，無線電鈕組可以幫助使用者展示多維度資料，但是樣式過於單一，使用者希望調整行動端無線電鈕組的樣式。

1.3 功能簡介

本文以 無線電鈕組 為例進行介紹，複選按鈕組 同 無線電鈕組 。

「無線電鈕組元件」行動端樣式範本有四種：「預設」、「膠囊按鈕」、「聯排按鈕」、「圖文按鈕」，效果如下圖所示：

1）點選下載範本：無線電鈕組行動端樣式範本.frm ，在 FineReport 設計器中開啟該範本。

2）選中右側屬性面板中的「組件設定>body>radioGroup0」。

3）點選「行動端」，點選「樣式範本」旁的「...」按鈕，可以看到 樣式範本 有四種樣式：「預設」、「膠囊按鈕」、「聯排按鈕」、「圖文按鈕」，如下圖所示：

4）「行動端>進階>最大顯示行數」控制按鈕顯示行數，若有 3 行按鈕，設定了「最大顯示行數」為 2 ，則只顯示前兩行按鈕。

最大顯示行數 預設為「5」，如下圖所示：

3.1 設定

「預設」樣式範本只可設定「通用屬性」，詳情參見：預設樣式範本 。

3.2 範例

1）樣式範本選擇「預設」。

2）「通用屬性> 屬性設定」 選擇「自訂」。

3）配置具體設定項，點選「確定」，如下圖所示：

4）App 及 HTML5 端效果預覽如下圖所示：

4.1 設定

「膠囊按鈕」樣式範本可設定「通用屬性」和「設定」。

4.1.1 通用屬性

「通用屬性」的設定與「預設」樣式範本相同，詳情參見：預設樣式範本 。

4.1.2 設定

「設定」的「按鈕樣式」分為「標準」和「自訂」。

1）「按鈕樣式」為「標準」時，不可自訂設定 按鈕樣式 。

2）「按鈕樣式」為「自訂」時，可自訂設定 按鈕樣式 。

具體設定項說明如下表所示：

4.2 範例

1）樣式範本選擇「膠囊按鈕」。

2）「通用屬性>屬性設定」選擇「預設」。

3）「設定」的「按鈕樣式」選擇「自訂」，配置具體設定項，點選「確定」，如下圖所示：

4）App 及 HTML5 端效果預覽如下圖所示：

5.1 設定

「聯排按鈕」樣式範本可設定「通用屬性」和「設定」。

5.1.1 通用屬性

「通用屬性」的設定與「預設」樣式範本相同，詳情參見：預設樣式範本 。

5.1.2 設定

「設定」的「按鈕樣式」分為「標準」和「自訂」。

1）「按鈕樣式」為「標準」時，不可自訂設定 按鈕樣式 。

2）「按鈕樣式」為「自訂」時，可自訂設定 按鈕樣式 。

具體設定項說明如下表所示：

5.2 範例

1）樣式範本選擇「聯排按鈕」。

2）「通用屬性>屬性設定」選擇「預設」。

3）「設定」的「按鈕樣式」選擇「自訂」，配置具體設定項，點選「確定」，如下圖所示：

4）App 及 HTML5 端效果預覽如下圖所示：

6.1 設定

「圖文按鈕」樣式範本可設定「通用屬性」和「設定」。

6.1.1 通用屬性

「通用屬性」的設定與「預設」樣式範本相同，詳情參見：預設樣式範本 。

6.1.2 設定

「設定」的「按鈕樣式」分為「標準」和「自訂」。

1）「按鈕樣式」為「標準」時，不可自訂設定 按鈕樣式 。

2）「按鈕樣式」為「自訂」時，可自訂設定 按鈕樣式 。

具體設定項說明如下表所示：

6.2 範例

1）樣式範本選擇「圖文按鈕」。

2）「通用屬性>屬性設定」選擇「預設」。

3）「設定」的「按鈕樣式」選擇「自訂」，配置具體設定項，點選「確定」，如下圖所示：

4）App 及 HTML5 端效果預覽如下圖所示：

[通用]手機重佈局 對無線電鈕組的顯示效果有明顯影響。如下圖所示：

• 勾選「手機重佈局」：元件自適應，一行一個元件，並可設定元件的佈局和顯示順序。

• 取消勾選「手機重佈局」：元件顯示區域取決於範本中組件大小。若元件中的文字顯示不下，則截斷。