反饋已提交

網絡繁忙

組件樣式

一、概述

1
版本。
報表伺服器版本
11.0

2
應用場景。
  1. 在決策報表中,【圖表塊、報表塊、Tab 塊】統稱為組件,本文將介紹組件的樣式設定,包括【標題樣式】、【主體內容】、【外沿樣式】這三項,其中 【Tab 塊】沒有【標題樣式】。

  2. 選中組件後,在右下角屬性介面中的進階選項卡處可進行樣式設定,預設為【跟隨主題】,選擇【自訂】時可分別設定組件的標題、主體和外沿。如下圖所示。

二、跟隨主題

  1. 組件樣式預設【跟隨主題】,此時標題僅可設定是否可見以及標題內容。主題中組件樣式的設定請參見文檔:範本主題管理 。

三、自訂

1
標題樣式。

注:Tab 塊無組件標題樣式設定項。

  1. 樣式設定選擇【自訂】時,標題樣式設定項如下圖1所示。

  2. 前端預覽時所處的位置如下圖2所示。

  3. 標題的各設定項介紹如下表。

設定項作用
標題可見圖表塊預設勾選,報表塊預設不勾選。

預覽時標題顯示在組件主體內容上方。取消勾選則不顯示標題。


正文可直接在編輯框中輸入標題正文資訊,若使用右側公式按鈕編輯,正文必須帶上雙引號。
字元標題內容的字元格式,包括字體、字號、顔色、斜體、粗體、底線。
標題圖案給標題新增一個圖案:

圖案支援的圖片格式:gif、jpg、png、bmp。且可以設定圖示的對齊位置和圖文間隔:

如果設定圖案後想清除掉圖案,可將滑鼠懸浮在圖案上方,圖案右上角會出先刪除按鈕,點選即可刪除:

位置設定標題內容的對齊位置:靠左、置中、靠右。
標題填充可設定標題區域的背景填充,填充方式包括:沒有背景、顔色、圖片、漸變色。標題填充區域如下圖所示。

注:標題背景漸變色設定的不透明度不支援行動端展示。

2
主體内容。

  1. 樣式設定選擇【自訂】時,主體內容設定項如下圖1所示。

  2. 前端預覽時填充的區域如下圖2所示。

  3. 填充方式包括:沒有背景、顔色、圖片、漸變色。使用圖片填充時,有四種圖片自適應樣式,分別如下:

    【預設】:即原圖顯示,如果原圖大小大於組件大小,則從左上角開始顯示,多出部分修剪不顯示。

    【平鋪】:即圖片重複以鋪滿組件。

    【拉伸】:即以圖片組件寬高進行自適應,如果圖片小於組件大小則拉伸圖片填充組件,否則壓縮圖片填充組件。

    【適應】:即以圖片寬高原比例自適應組件大小。

3
外沿樣式。

  1. 樣式設定選擇【自訂】時,外沿樣式設定項如下圖1所示。

  2. 前端預覽時組件邊框包圍了標題和主體內容,如下圖2所示。

  3. 邊框各設定項的介紹如下表。

設定項作用
渲染風格有兩個選項:普通、陰影。設定為普通時無任何渲染特效,設定為陰影時,邊框週圍會有陰影。

注:不支援行動端。

邊框可以設定為:無、自訂圖片、線條。

當設定為線條時,邊框包括標題部分可設定線條顔色,

當設定為自訂圖片時,可以使用 點九圖 來填充,這個功能可以很好地解決圖片被拉伸漸變的問題。

注:Tab 塊不支援邊框設定為自訂圖片。

圓角定義邊框四個角的弧度。例如下圖四個角為圓角。

注:Tab 塊無圓角設定項。

内邊距

【主體內容及標題】與【邊框】之間的距離。


注:Tab 塊無內邊距設定項。



附件列表


主題: 決策報表應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

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

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

不再提示

10s後關閉