Foundation Components

基礎元件是專為針對標準網頁製作內容而設計。 它們構成了標準安裝的現成可用元件的子集AEM。

有些可立即透過元件瀏覽器使用，而有些則可使用設計模式（如果頁面是以靜態範本為基礎）或編輯範本（如果頁面是以可編輯的範本為基礎）。

支援使用基礎元件，但核心元件已取代它們，提供更多擴充性和彈性。

當編輯頁面時，這些元件可在頁面編輯器側面板的​元件​頁籤上使用。

您可以選取元件，並將它拖曳至頁面上的必要位置。 然後，您可以使用：

• 設定屬性
• 編輯內容
• 編輯內容——全螢幕模式

元件根據稱為元件組的各種類別進行排序，包括：

• 一般:包含基本元件，包括文字、影像、表格和圖表。
• 欄:包含組織內容版面配置所需的元件。
• 表單:包含建立表單所需的所有元件。

一般

「一般」元件是您用來建立內容的基本元件。

帳戶項目

您可以定義包含標題和說明的連結。

自我調整影像

「最適化影像」基礎元件會產生影像，調整大小以符合開啟網頁的視窗。 若要使用元件，請從檔案系統或DAM提供影像資源。 當網頁開啟時，網頁瀏覽器會下載已調整大小的影像副本，以適合目前的視窗。

以下特性可確定窗口的大小：

• 裝置畫面：行動裝置通常會顯示網頁，以延伸至整個螢幕。
• 網頁瀏覽器視窗大小：膝上型電腦和桌上型電腦的使用者可以調整網頁瀏覽器視窗的大小。

例如，當網頁在行動電話上開啟時，元件會產生小型影像，而當在平板電腦上開啟時，元件會產生中型影像。 在膝上型電腦上，當頁面在最大化的網頁瀏覽器中開啟時，元件會建立並傳送大型影像。 當網頁瀏覽器調整大小以符合螢幕的一部分時，元件會傳送較小的影像並重新整理檢視，以適應此需求。

支援的影像格式

您可以將下列副檔名的影像檔案與Adaptive Image元件搭配使用：

• .jpg
• .jpeg
• .PNG
• .gif **

影像大小與品質

下表列出為給定視區寬度生成的影像的寬度。 計算所生成的影像的高度以保持恆定的長寬比，並且影像邊緣內不出現空白。 裁切可用來避免空格。

當影像是JPEG影像時，檢視區大小也會影響JPEG品質。 可能有下列JPEG品質：

• 低(0.42)
• 中(0.82)
• 高(1.00)

視區寬度範圍（像素）	影像寬度（像素）	JPEG 品質	目標裝置類型
width <= 319	320	低
width = 320	320	中	行動電話（縱向）
320 <寬度< 481	480	中	行動電話（橫向）
480 <寬度< 769	476	高	平板電腦（縱向）
768 <寬度< 1025	620	高	平板電腦（橫向）
width <= 1025	完整（原始大小）	高	桌面

屬性

該對話框允許您編輯最適化影像元件實例的屬性，其中許多屬性與其所基於的影像元件相同。 這些屬性可在兩個標籤中使用：

• 影像

  • 影像

    從內容搜尋器拖曳影像，或按一下以開啟可載入影像的瀏覽視窗。 載入影像後，您可以裁切影像、旋轉影像或刪除影像。 若要放大或縮小影像，請使用影像下方的投影片列（位於「確定」和「取消」按鈕上方）

  • 裁切

    裁切影像。 拖曳邊框以裁切影像。

  • 旋轉

    重複按一下「旋轉」，直到影像視需要旋轉。

  • 清
    除移除目前影像。

• 進階

  • 標題

    Adaptive Image元件不使用此屬性。

  • 替代文字

    用於影像的替代文本。

  • 連結至

    Adaptive Image元件不使用此屬性。

  • 說明

    Adaptive Image元件不使用此屬性。

擴展自適應影像元件

有關自定義自適應影像元件的資訊，請參見瞭解自適應影像元件。

傳送

「轉盤元件」可讓您顯示與個別頁面相關的影像：

• 一次一個
• 很短的時間
• 依您指定的順序
• 以您指定的

可點按的控制項也可讓使用者隨選即時循環檢視顯示的頁面。 按一下目前可見的頁面影像會帶您前往該頁面。 換言之，轉盤可當成導覽控制項。

屬性

這些頁籤可用於兩個頁籤：

• 傳送

  在這裡，您可以指定轉盤的運作方式：

  • 播放速度

    下一張投影片顯示前的毫秒數。

  • 過渡時間

    兩張投影片之間轉換的毫秒數。

  • 控制項樣式

    下拉式選單提供多種選項；例如，「上／下一個按鈕」、「右上」開關。

• 清單

  您可在此處指定頁面在轉盤中的包含方式：

  • 使用以下方式產生清單

    建立頁面清單有數種方式——子頁面、固定清單、搜尋或進階搜尋（詳見下文）。

    請注意，無論您選擇哪種方法，您列在清單中的頁面都應已有與頁面相關聯的影像，而是此影像會顯示在轉盤中。 如果該頁面的「頁面屬性」下沒有指定頁面的影像，您應先將影像與頁面建立關聯，否則轉盤會顯示空白（或大部分為空白）頁面。 請參閱編輯頁面屬性。

    根據您選擇的項目，將會出現新面板：

    • 子頁面的選項

      • 父頁
        面手動或使用選擇器指定路徑。留空可將目前頁面用作父頁面。

    • 固定清單的選項

      • 頁
        面選擇頁面清單。使用
        + 以新增更多項目和上／下按鈕來調整順序。

    • 搜尋選項

      • 開始

        手動或使用選擇器輸入起始路徑。

      • 搜尋查詢

        您可以輸入純文字檔案搜索查詢。

    • 進階搜尋的選項

      • QueryBuilder 述詞記號

        您可以使用Querybuilder謂詞符號輸入搜索查詢。 例如，您可以輸入"fulltext=Marketing"，讓內容中具有"Marketing"的所有頁面都顯示在轉盤中。

        如需查詢運算式和進一步範例的完整討論，請參閱QueryBuilder API。

  • 排序方式

    從下拉菜單中選擇jcr:title、jcr:created、cq:lastModified或cq:template。

  • 限制

    您要在轉盤中使用的項目數上限；這是可選的。

圖表

圖表元件可讓您新增長條圖、折線圖或圓形圖。 從AEM您提供的資料建立圖表。 您可以直接在「資料」索引標籤中輸入，或複製並貼上試算表，以提供資料。

• 資料

  • 圖表資料

    使用CSV格式輸入圖表資料；逗號分隔值格式使用逗號(",")作為欄位分隔符號。

• 進階

  • 圖表類型

    從圓形圖、折線圖和長條圖中選擇。

  • 替代文字

    顯示的替代文字，而非圖表。

  • 寬度

    圖表的寬度（以像素為單位）。

  • 高度

    圖表的高度（以像素為單位）。

以下顯示圖表資料的範例，後面接著產生的長條圖：

內容片段

內容 片段會建立並管理為不受頁面影響的資產。然後，您可以在製作內容頁面時使用這些片段及其變化。

Design Importer

這可讓您上傳包含設計套件的zip檔案。

下載

下載元件會在選取的網頁上建立連結，以下載特定檔案。 您可以從Content Finder拖曳資產或上傳檔案。

• 下載

  • 說明

    下載連結所顯示的簡短說明。

  • 檔案

    可在產生的網頁上下載檔案。 從內容搜尋器拖曳資產，或按一下區域以上傳可供下載的檔案。

下列範例顯示Geometrixx中的下載元件：

外部

外部應用程式整合元件(External)可讓您使用iframe將外部應用程式內嵌AEM至頁面。

• 外部

  • 目標應用程式

    指定要整合之Web應用程式的URL;例如：

    https://en.wikipedia.org/wiki/Main_Page
    

  • 傳遞參數

    如有需要，請勾選要傳遞至應用程式的參數方塊。

  • 寬度和高度

    定義iframe的大小

將外部應用程式整合在頁面的段落AEM系統中；例如，當使用https://en.wikipedia.org/wiki/Main_Page的Target應用程式時：

閃光燈

Flash元件可讓您載入Flash影片。 您可將Flash資產從內容搜尋器拖曳至元件，或使用對話方塊：

• 閃光燈

  • Flash 影片

    flash影片檔。 從內容搜尋器拖曳資產，或按一下以開啟瀏覽視窗。

  • 大小

    Dimension（以像素為單位），以顯示影片區域。

• 替代影像

  要顯示的替代影像

• 進階

  • 上下文功能表

    指出應顯示或隱藏上下文菜單。

  • 視窗模式

    窗口的顯示方式，例如不透明、透明或作為不同（實體）窗口。

  • 背景色彩

    從提供的顏色圖中選擇的背景顏色。

  • 最低版本

    執行影片所需的最低AdobeFlash Player版本。 預設值為9.0.0。

  • 屬性

    需要任何其他屬性。

影像

影像元件根據指定的參數顯示影像和附帶的文本。

您可以上傳影像，然後加以編輯和控制（例如裁切、旋轉、新增連結／標題／文字）。

您可以直接將影像從Assets Browser拖放至元件或其Configure dialog。 您也可以從「設定」對話方塊上傳影像；此對話方塊也控制影像的所有定義和控制：

上傳影像後（而非之前），您就可以使用就地編輯，視需要裁切／旋轉影像：

在全螢幕編輯模式中，還有幾種其他選項可供選擇；例如，映射和縮放：

載入影像時，您可以設定下列項目：

• 地圖

  要映射影像，請選擇映射。 您可以指定要如何建立影像地圖（矩形、多邊形等），以及區域應指向的位置。

• 裁切

  選取「裁切」以裁切影像。 使用滑鼠來裁切影像。

• 旋轉

  若要旋轉影像，請選取「旋轉」。 重複使用，直到影像依您想要的方式旋轉為止。

• 清除

  移除目前的影像。

• 標題

  影像的標題。

• 替代文字

  建立可存取內容時使用的替代文字。

• 連結至

  建立網站內資產或其他頁面的連結。

• 說明

  影像的說明。

• 大小

  設定影像的高度和寬度。

最終影像（具有​Title​和​Description）可顯示為：

配置容器

此元件提供格線段落系統，可讓您在回應式格線中新增及定位元件。 這可讓您根據目標裝置的寬度（包括各種手機、平板電腦和桌上型電腦）來定義不同的內容版面。

清單

List元件允許您配置顯示清單的搜索標準：

• 清單

  • 使用以下方式產生清單

    您可以在此處指定清單將擷取其內容的位置。 有幾種方法：

  • 根據您選擇的項目，將會出現新面板：

    • 子頁面的選項

      • 子項 （父頁）

        手動或使用選擇器指定路徑。 留空可將目前頁面用作父頁面。

    • 固定清單的選項

      • 頁面

        選取頁面清單。 使用+可新增更多項目，而上／下按鈕則可調整順序。

    • 搜尋選項

      • 開始

        手動或使用選擇器輸入起始路徑。

      • 搜尋查詢

        您可以輸入純文字檔案搜索查詢。

    • 進階搜尋的選項

      • QueryBuilder 述詞記號

        您可以使用Querybuilder謂詞符號輸入搜索查詢。 例如，您可以輸入"fulltext=Marketing"，讓內容中具有"Marketing"的所有頁面都顯示在轉盤中。

        如需查詢運算式和進一步範例的完整討論，請參閱QueryBuilder API。

    • 標記

      指定​Parent page、Tags/Keywords​和您所需的符合條件。

  • 顯示為

    您希望項目列出的方式；包括連結、預告和新聞。

  • 排序方式

    是否對清單進行排序，如果是，則使用排序標準。 您可以輸入標準或從提供的下拉清單中選擇一個標準。

  • 限制

    指定您要在清單中顯示的項目數上限。

  • 啟用資訊源

    指出是否應為清單啟用RSS饋送。

  • 每頁顯示項目數

    您可以在這裡指定一次顯示的清單項目數。 項目數超過指定的清單會使用分頁功能，以數個部分顯示清單。

下列範例顯示​List​元件顯示子頁面清單的方式（設計由網站設計的自訂CSS定義控制）。

登入

這些欄位提供「使用者名稱」和「密碼」欄位。

您可以設定：

• 登入

  • 區域標籤

    輸入欄位的引入文字。

  • 使用者名稱標籤

    用於標籤用戶名欄位的文本。

  • 密碼標籤

    用於標籤密碼欄位的文本。

  • 登入按鈕標籤

    登入按鈕的文字。

  • 重新導向至

    您可以指定在使用者登入後應該開啟的網頁。

• 已登入

  • 繼續按鈕標籤

    表示使用者已登入的文字。

訂單狀態

• 標題

  • 標題

    指定您要顯示的標題文字。

  • 連結

    指定應顯示訂單狀態的頁面（產品）。

  • 類型/大小

    從提供的選擇中選擇。

引用

Reference​元件可讓您參考網站（目前例項內）另一AEM頁的文字。 然後，參考段落的內容會像出現在目前頁面一樣顯示。 當來源段落變更時（可能需要重新整理頁面），內容將會更新。

• 段落引用

  • 引用

    指定您要參考的頁面和段落的路徑（包含內容）。

若要指定段落的路徑，您必須在路徑（頁面）加上尾碼：

.../jcr:content/par/<paragraph-ID>

例如：

/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par/similar-products

除了參照特定段落外，還可以修改路徑以指定整個par-system。 您可以在路徑上加上下列字尾來執行此動作：

/jcr:content/par

例如：

/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par

設定好後，內容就會和來源頁面完全一樣。 只有當您開啟元件進行編輯時，才會看到它是參考：

搜尋

「搜尋」元件會將搜尋功能新增至您的頁面。

您可以設定：

• 搜尋

  • 節點類型

    如果搜索要限制為特定節點類型，請在此處列出它們；例如，cq:Page。

  • 搜尋路徑:

    指定您要搜尋之分支的根頁面。

  • 搜尋按鈕文字

    實際搜索按鈕上顯示的名稱。

  • 統計文字

    顯示在搜尋結果上方的文字。

  • 無結果文字

    如果沒有結果，則顯示此處輸入的文本。

  • 拼寫檢查文字

    如果有人輸入類似的詞語，此文字會在詞語之前顯示。

    例如，如果您輸入geometrixxe，系統會顯示「您是指？」 geometrixx」。

  • 類似頁面文字

    顯示在類似頁面結果旁的文字。 按一下此連結，可檢視內容類似的頁面。

  • 相關搜尋文字

    出現在搜尋相關詞語和主題旁的文字。

  • 搜尋趨勢文字

    使用者輸入之搜尋詞上方的標題。

  • 結果頁面標籤

    顯示在此清單底部的文本及其指向其他結果頁的連結。

  • 上一個標籤

    出現在先前搜尋頁面連結上的名稱。

  • 下一個標籤

    出現在後續搜尋頁面連結上的名稱。

以下示例顯示在從標準安裝的根目錄搜索單詞​geometrixx​後的Search元件。 這也說明結果的編頁：

下列範例顯示拼字錯誤且無法使用的搜尋詞：

Sitemap

自動網站地圖清單（使用預設設定）會列出目前網站中的所有頁面（作為作用中連結）。 例如，摘取顯示：

如果需要，您可以配置：

• Sitemap

  • 根路徑

    清單開始的路徑。

Slideshow

此元件可讓您載入一系列要在頁面上顯示為投影片的影像。您可以新增或移除影像，並為每個影像指派標題。 在「高級」(Advanced)下，還可以指定顯示區域的大小。

您可以設定：

• 幻燈片

  • 新增幻燈片

    您可以使用​Add（和​Remove）按鈕來指定選擇的投影片。

  • 標題

    視需要指定標題。 這個是貼在適當的幻燈片上。

• 進階

  • 大小

    以像素為單位指定寬度和高度。

然後，投影片元件會在短時間內，重複顯示每個投影片，然後淡出至下一張投影片：

表格

Table​元件已預配置為可以構建、填充和格式化表。 使用對話框，您可以通過以下方式配置表並建立內容：

• 從頭開始
• 從外部編輯器（例如Excel、OpenOffice、記事本等）複製和貼上試算表或表格。

您可以使用內嵌編輯器對內容進行基本變更：

在全螢幕模式中，您可以設定表格配置：

以下是表格元件的範例；設計由網站特定的CSS決定：

標記雲

標籤雲端會以圖形方式顯示套用至網站內容的標籤選擇：

設定Tag Cloud元件時，您可以指定：

• 要顯示的標記

  要顯示的標籤從何處收集。 從頁面、包含所有子項或所有標籤的頁面中進行選擇。

• 頁面

  選擇要引用的頁面。

• 標記上無連結

  顯示的標籤是否應當充當連結。

如需套用標籤的詳細資訊，請造訪使用標籤。

文字

Text元件可讓您使用WYSIWYG編輯器輸入文字區塊，其功能由Rich Text編輯器提供。 選取的圖示可讓您設定文字的格式，包括字型特性、對齊方式、連結、清單和縮排。

開啟​Configure​對話框時，您還可以設定：

• 空格字元
• 文字樣式

格式化的文字會顯示在頁面上；實際設計將取決於網站CSS:

有關Text元件和Rich Text編輯器提供的功能的詳細資訊，請參閱Rich Text Editor頁。

就地編輯

除了以對話方塊為基礎的Rich Text編輯模式，AEM還提供了Inplace Editing，可直接編輯顯示在頁面版面中的文字。

文字和影像

「文字與影像」元件會新增文字區塊和影像。 您也可以個別新增和編輯文字和影像。 如需詳細資訊，請參閱Text和Image元件。

您可以設定：

• 元件樣式 (樣式)

  您可以在這裡左或右對齊影像。 預設值為​左，與左側的影像對齊。

• 影像屬性 (進​階影像屬性)

  允許您指定以下內容：

  • 影像資產

    上傳所需影像。

  • 標題

    區塊標題；將會以mouseover顯示。

  • 替代文字

    如果無法顯示影像，則顯示替代文字。 如果留空，則會使用標題。

  • 連結到

    指定目標路徑。

  • 說明

    影像的說明。

  • 大小

    設定影像的高度和寬度。

下列範例顯示文字影像元件，顯示左對齊的影像：

標題

標題元件可以：

• 顯示目前頁面的名稱；將「標題」欄位留空即可完成
• 顯示您在「標題」欄位中指定的文字。

您可以設定：

• 標
  題如果您想要使用頁面標題以外的名稱，請在此處輸入。

• 鏈
  接如果標題要作為連結操作，則URI。

• 類型／大
  小從下拉清單中選擇小或大。小型會產生為影像。 「大」(Large)生成為文本。

以下示例顯示了顯示的​Title​元件；設計由網站特定的CSS決定。

影片

Video​元件可讓您將預先定義、現成可用的視訊元素置於頁面上。

另請參閱設定視訊元件以搭配HTML5元素使用。

將元件例項放在您的頁面上後，您可以設定：

• 影片

  • 視訊資產

  上傳或放置您的視訊資產。

  • 大小

    視訊的原生大小(寬度x高度（像素）)會出現在「大小」旁的方塊中（請參閱上方）。 如果您想要覆寫視訊的原生尺寸，請在此處手動輸入寬度和高度尺寸。 按一下​確定​關閉對話框。

欄

欄是控制中內容版面配置的機制AEM。 在用於建立兩列和／或三列的標準安裝元件中提供了。

以下示例顯示正在使用的2列元件。 可以對新元件使用佔位符：

2 欄

列控制元件，預設為2個等於列。

3 欄

列控制元件，預設為3個等於列。

欄控制項

「欄控制」元件可讓使用者選擇要將網頁主面板中的內容分割為多欄的方式。 使用者可以選取所需的欄數（從預先定義的清單），然後在每欄內建立、刪除或移動內容。

• 欄控制項

  • 欄配置

    選擇要呈現的列數。 建立後，每個欄都有自己的連結，可在新增內容時拖曳元件或資產。

表單

表單元件可用來建立表單，讓訪客提交輸入。 Forms和表單元件可用來收集包括使用者意見（例如，客戶滿意度問卷）和使用者資訊（例如，使用者註冊）的資訊。

Forms是由幾個不同的組成部分組成的：

• 表單

  表單元件定義頁面上新表單的開始和結束。 然後，其他元件可以放在這些元素之間，例如表格、下載等。

• 表單欄位和元素

  表單欄位和元素可包含文字方塊、選項按鈕、影像等。 使用者通常會在表單欄位中完成動作，例如輸入文字。 如需詳細資訊，請參閱個別的表單元素。

• 描述檔元件

  描述檔元件與用於社交協作的訪客描述檔，以及需要訪客個人化的其他區域相關。

以下顯示示例表單。 它由​Form​元件（開始和結束）組成，其中有兩個​Form Text​欄位用於輸入，一個​General Text​欄位用於導入文本，以及一個​Submit​按鈕。

（多個）表單元件的常見設定

雖然每個表單元件都有不同的用途，但許多表單元件都由類似的選項和參陣列成。

在配置任何表單元件時，對話框中提供以下頁籤：

• 標題和文字

  您需要在這裡指定基本資訊，例如表單標題和任何隨附的文字。 在適當的情況下，它還允許您定義其他關鍵資訊，例如欄位是否為多選項和可供選擇的項目。

• 初始值

  允許您指定預設值。

• 限制

  您可以在此處指定欄位是否為必要欄位，並在該欄位上放置限制（例如，必須是數值等）。

• 樣式

  指示欄位的大小和樣式。

這些標籤提供您必要的參數；這些可視個別元件類型而定，但可包含：

• 標題和文字

  • 元素名稱

    表單元素的名稱。 這表示資料儲存在儲存庫中的位置。

    此為必填欄位，且應僅包含下列字元：

    • 字母數字字元
    • _ . / : -

  • 標題

    與欄位一起顯示的標題。 如果保留為空白，則會顯示預設標題。

  • 說明

    如有必要，可讓您為使用者提供其他資訊。 在表格上，此欄位會顯示在欄位下方，字型比標題小。

  • 顯示/隱藏

    決定欄位的顯示時間。

• 初始值

  • 預設值

    表單開啟時，欄位中顯示的值；即使用者進行任何輸入之前。

• 限制

  • 必要

    這取決於表單元件類型，但提供一個或多個按一下框以指示此欄位或此欄位的某些部分是／是必需的。

  • 必要訊息

    通知用戶此欄位為必填的消息；必填欄位也會標示為和星號。

  • 限制

    可用於選擇的約束取決於表單元件類型。

  • 限制訊息

    通知使用者所需事項的訊息。

• 樣式

  • 大小

    在行和列中。

  • 寬度

    以像素顯示。

  • CSS

表單（元件）

表單元件使用​表單開始​和​表單結束​元素定義表單的開始和結束。 這些表格會一律配對，以確保表格已正確定義。

在表單的開始和結束之間，您可以添加表單元件來定義用戶的實際輸入欄位。

表單開始

需要此元件來定義頁面上新表單的開頭。 您可以設定：

• 表單

  • 感謝頁面

    要參考的頁面，感謝訪客提供其輸入。 如果保留空白，表單會在提交後重新顯示。

  • 啟動
    工作流確定提交表單後觸發的工作流。

• 進階

  • 動作類
    型A表單需要動作。動作會定義使用者提交的資料所觸發以執行的作業（類似HTML中的action=）。 有些需要對應的
    動作設定.

    標準安裝中包含一系列操作類AEM型：

    • 帳戶請求

    • 建立內容

    • 建立銷售機會

    • 建立和更新帳戶

    • 電子郵件服務: 建立訂閱者並新增到清單

    • 電子郵件服務: 傳送自動回應的電子郵件

    • 電子郵件服務: 將使用者從清單中取消訂閱

    • 編輯社群

    • 編輯資源

    • 編輯工作流程控制的資源

    • 郵件

    • 已下單的訂單詳細資訊

    • 設定檔更新

    • 重設密碼

    • 設定密碼

    • 存放區內容

      這是預設的動作類型。

    • 透過上傳儲存內容

    • 提交訂單

    • 取消訂閱者的訂閱

    • 更新訂單

  • 表單識別碼

    表單識別碼可唯一識別表單。 如果單一頁面上有多個表格，請使用表格識別碼；請確定它們有不同的識別碼。

  • 載入路徑

    用於將預定義值載入到表單欄位的節點屬性的路徑。

    這是一個可選欄位，它指定到儲存庫中節點的路徑。 當此節點具有與欄位名稱匹配的屬性時，表單上的相應欄位將預先載入這些屬性的值。 如果不存在匹配，則欄位包含預設值。

    使用​載入路徑，您可以在必填欄位中以值預載表單。 請參閱預載表單值。

  • 用戶端驗證

    指出此表單是否需要用戶端驗證（伺服器驗證​always）。 這可以與​FormsCaptcha​元件一起實現。

  • 驗證資源類型

    如果要驗證整個表單（而非個別欄位），請定義表單驗證資源類型。 如果要驗證完整表單，還應包含下列其中一項：

    • 用於客戶端驗證的指令碼：

      /apps/<myApp>/form/<myValidation>/formclientvalidation.jsp

    • 伺服器端的驗證指令碼：

      /apps/<myApp>/form/<myValidation>/formservervalidation.jsp

  • 動作設定

    Action Configuration​中可用的選項取決於所選​Action Type:

    • 帳戶請求

      • 建立帳戶頁面

        建立新帳戶時使用的頁面。

    • 建立內容

      • 內容路徑

        表單轉儲之任何內容的內容路徑。 輸入以斜線/結尾的路徑。 斜線表示，對於每個表單埠，在給定位置建立一個新節點；例如：

        /forms/feedback/

      • 類型

        選擇所需類型。

      • 表單

        指定表單。

      • 轉譯工具

        從清單中選擇所需選項。

      • 資源類型

        如果已設定，則會將它新增至每個注釋，做為sling:resourceType

      • 檢視選擇器

    • 建立銷售機會

      • 銷售機會將新增到此清單中

        指定所需的銷售線索清單。

    • 建立和更新帳戶

      • 初始群組

        要指派新使用者的群組。

      • 首頁

        成功登入後顯示的頁面。

      • 路徑

        建立和儲存新帳戶的路徑（相對）。

      • 檢視資料…

        按一下此按鈕可訪問批量編輯器中有關表單結果的資訊。 從這裡，您可以將資訊匯出至.tsv（以Tab分隔）檔案（例如，在Excel試算表中使用）。

    • 郵件

      • 從

        輸入電子郵件應寄自的電子郵件地址。

      • Mailto

        輸入表單要傳送給的電子郵件地址。

      • CC

        輸入CC電子郵件地址。

      • BCC

        輸入密件副本電子郵件地址。

      • 主旨

        輸入電子郵件的主旨。

    • 重設密碼

      • 變更密碼頁面

        變更密碼時使用的頁面。

    • 存放區內容

      • 內容路徑

        表單轉儲之任何內容的內容路徑。 輸入以斜線/結尾的路徑。 斜線表示，對於每個表單埠，在給定位置建立一個新節點；例如：

        /forms/feedback/

      • 檢視資料…

        按一下此按鈕可訪問批量編輯器中有關表單結果的資訊。 從這裡，您可以將資訊匯出至。tsv（以Tab分隔）檔案（例如，在Excel試算表中使用）。

    • 透過上傳存放內容

      此選項與​儲存內容​相同。

    • 取消訂閱者的訂閱

      • 銷售機會將從此清單中刪除

        指定所需的銷售線索清單。

表單結尾

這表示表單的結尾。 您可以設定：

• 表單結尾

  • 顯示提交按鈕

    指出是否應顯示「提交」按鈕。

  • 提交名稱

    識別碼（如果您在表單中使用多個提交按鈕）。

  • 提交標題

    顯示在按鈕上的名稱，例如「提交」或「傳送」。

  • 顯示重設按鈕

    選中此複選框可使「重置」按鈕可見。

  • 重設標題

    顯示在「重設」按鈕上的名稱。

  • 說明

    顯示在按鈕下方的資訊。

帳戶名稱

這可讓使用者輸入帳戶名稱：

地址

這可讓您新增具有下列格式的國際位址欄位：

該元件已配置為可立即使用，但您可以根據需要更改配置。 例如，可以為地址的各個元素添加約束條件。 將欄位留空將使用預設設定。

Captcha

Captcha元件要求使用者輸入螢幕上顯示的英數字串。 字串會隨著每次重新整理而變更。

您可以為此元件配置各種參數，包括驗證碼字串無效時顯示的訊息。

核取方塊群組

複選框允許您生成多個複選框之一的清單，其中幾個複選框可同時被選中。

您可以指定各種參數，包括標題、說明和元素名稱。 使用+和——按鈕，您可以新增或移除項目，然後使用向上和向下箭頭來定位項目。

信用卡詳細資料

這可讓您提供輸入信用卡詳細資訊所需的欄位。 您可以設定它，以指定接受的卡片類型和所需的資訊（例如安全碼）。

下拉式清單

您可以設定下拉式清單，以提供您對選取範圍的值：

您可以指定標題和項目，以便顯示在清單中。 使用+和——按鈕，您可以新增或移除清單項目，然後使用向上和向下按鈕來定位項目。 您可以指定是否允許使用者從清單中選取數個項目，以及在使用者第一次開啟清單時應自動選取的任何項目（初始值）。

檔案上傳

檔案上傳元件為使用者提供選擇和上傳檔案的機制。

隱藏欄位

此元件允許您建立隱藏欄位。 這些可以用於各種用途；例如，當您在提交表單後需要執行動作，或在後期處理中需要隱藏資料時。

影像按鈕

影像按鈕可讓您建立具有您自己影像和文字的按鈕：

影像上載

影像上載元件為用戶提供用於選擇和上載影像檔案的機制。

連結欄位

連結欄位可讓使用者指定URL:

最常用於日曆事件表單，其中用於事件的URL/連結欄位。

密碼欄位

這可讓使用者輸入密碼：

密碼重設

此元件為您的使用者提供兩個欄位：

• 輸入密碼
• 重複輸入密碼以檢查輸入是否正確。

使用預設設定，元件會顯示為：

選項按鈕群組

無線電組為您提供了多個單選按鈕之一的清單，其中只有一個複選框可以在任何特定時間被選中。

您可以指定元素名稱以及標題和說明。使用+和——按鈕，您可以新增或移除項目、使用向上和向下箭頭定位項目，並視需要指定預設值：

提交按鈕

此元件可讓您建立送出按鈕，其中包含預設文字：

或使用您自己的文字：

標記欄位

此欄位可讓您選擇標籤：

您可以指定各種參數，包括可使用專業頁籤使用的名稱空間：

• 標記欄位

  • 允許的命名空間

    • Geometrixx Outdoors
    • 工作流程
    • 論壇
    • Stock Photography
    • Geometrixx媒體
    • 標準標記
    • 行銷
    • 資產屬性

  • 寬度 (以像素為單位)

  • 快顯視窗大小

文字欄位

標準文字欄位可設定為您所需的大小，並在訊息中加上您自己的提示：

工作流提交按鈕

這可讓您建立「提交」按鈕，以便用於工作流程。