反饋已提交

網絡繁忙

「通用」行動端簡約下拉樣式

1. 概述

1.1 版本

報表伺服器版本App 版本HTML5 行動端展現插件
11.011.0V11.0

1.2 應用場景

使用者若需要改變下拉框和下拉複選框的背景顏色、字號、邊框時,對現有下拉框和下拉複選框元件操作非常麻煩,使用者可設定「行動端簡約下拉樣式」,對下拉框和下拉複選框的樣式進行設定。

1.3 功能簡介

本文提供「行動端簡約下拉樣式」的使用方法,使用者可對下拉框和下拉複選框的樣式進行自訂設定。

1.4 適用範圍

行動端裝置
終端範圍生效位置備註
手機、Pad
App、H5表單 body 內部的下拉框、下拉複選框

在下面場景中不能生效:

填報 CPT參數面板與頂部參數面板組合使用檢視表樹元件

2. 範例

由於下拉框與下拉複選框的配置介面相同,本章以「下拉框」為例詳細描述使用步驟。

2.1 範本準備

1)點選下載範本及表格:企業員工春節出行統計.zip

2)在 FineReport 設計器中開啟該範本,選中下拉框元件(bumenx),在「屬性」Tab 頁下輸入標籤名稱「下拉框」。如下圖所示:

注:「標籤名稱」可不設定。

3)在 FineReport 設計器中開啟該範本,選中下拉框元件(bumenx),點選「行動端>樣式範本右側」。如下圖所示:

點選「樣式範本右側」後,介面如下圖所示:

3.2 預設樣式

在「樣式範本」中選擇「預設」,使用者可設定「組件背景」,其中組件背景預設為背景色,可自訂顏色。

行動端效果(以 APP 效果為例)如下圖所示:

1582878652946842.png

3.3 簡約下拉樣式

3.3.1 具體設定

在「樣式範本」中選擇「簡約下拉樣式」,「元件樣式」選擇「自訂」,對下拉框樣式進行設定,如下圖所示:

簡約下拉樣式各設定項說明如下表所示:

屬性備註
元件樣式
選項包括「預設」和「自訂」,預設情況下選擇「預設」
標籤名稱
可設定「標籤名稱」的字元、字號、顏色、是否粗體、是否斜體
元件值可設定「元件值」的字元、字號、顏色、是否粗體、是否斜體
展開圖示、收起圖示

可對「展開圖示」和「收起圖示」自訂設定 

注:建議圖片尺寸在 16 * 16 到 68 * 68 之間,支援 PNG 、JPG 格式

元件背景
可對元件背景進行自訂設定
元件邊框可選擇邊框型別
邊框顏色
可自訂邊框顏色
圓角可自訂邊框圓角
寬度

橫向撐滿:標籤及元件寬度為螢幕寬度減去 body 的左右內邊距

自訂:可自訂元件寬度

下拉浮層

橫向撐滿:下拉值展示寬度為螢幕寬度減去 body 的左右內邊距

與元件等寬:下拉值展示與元件等寬

3.3.2 行動端效果

行動端效果(以 App 效果為例)如下圖所示:

.

附件列表


主題: 行動端應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉