定義網路表單版面

建立容器

容器允許您組合頁面的欄位並配置其佈局;來組織頁面中的元素。

對於表單的每頁,通過 Containers 按鈕

使用容器對頁面的元素進行分組,而不向最終呈現添加標籤。 元素被分組到容器子樹中。 使用標準容器可以管理佈局。

例如:

標籤的位置將應用於層次中容器下方的元素。 如有必要,可以為每個元素重載。 添加或刪除列以更改佈局。 請參閱 定位頁面上的欄位

在上例中,渲染如下所示:

定位頁面上的欄位

Web表單的佈局是在每個容器中逐頁定義的,如果需要,可能會超載。

頁面分為以下列:每頁都包含一定數量的列。 頁面的每個欄位都佔用 n 的子菜單。 容器還佔用一定數量的列,而容器中包含的欄位佔用一定數量的單元格。

預設情況下,頁面是在單個列上構建的,每個元素佔用一個單元格。 這表示欄位在下方顯示,每個欄位佔據一行,如下所示:

在以下示例中,已保留預設配置。 該頁佔用一列,該列包括四個容器。

每個容器佔一列,每個元素佔一個單元:

渲染如下:

可以調整顯示參數以獲得以下渲染:

在上述渲染示例中,每個輸入欄位、標題和影像在容器的列中佔據一個單元。

可以修改每個容器中的格式。 在本例中,可以將容器4的內容分佈到兩列上並分佈元素。

標題和清單分別佔用一個單元格(因此佔用容器的整行),複選框延伸到兩個單元格上。 輸入欄位所屬的單元格數在 General 頁籤 Advanced 頁籤,根據欄位類型:

定義標籤的位置

您可以定義表單中欄位和標籤的對齊方式。

預設情況下,欄位和頁面其他內容的顯示參數會從表單的常規配置、頁面的配置或父容器的配置中繼承(如果存在)。

整個窗體的全局顯示參數在窗體屬性框中指定。 的 Rendering 頁籤中。

此位置可通過 Advanced 頁籤。

支援以下對齊:

  • 繼承:對齊方式是從父元素(預設值)繼承的,即父容器(如果有),或頁面。
  • 左/右:標籤位於欄位的右側或左側,
  • 上/下:標籤位於欄位的上方或下方,
  • 隱藏:不顯示標籤。

本頁內容