HTML 屬性

線上編輯
「 HTML 屬性 」頁面可讓您置換特定視圖實例的樣式。
置換樣式的作業是由下列項目所組成：
  • 您要專門指定樣式的每一個視圖實例中的 HTML 類別屬性
  • 該類別屬性的對應 CSS 規則
重要事項: 請勿在 HTML 原始碼中使用下列名稱作為 CSS 類別名稱，因為它們是保留名稱:
  • CoachView
  • ContentBox
此外，請確定 CSS 類別的名稱不會與視圖的名稱衝突。 如有衝突，可能會導致執行時期出現無法預期的樣式，這是因為，為設定範圍，視圖名稱會自動新增至視圖封套 div 的 class 屬性。
例如，文字框的標籤位於文字區上方。 不過，您希望標籤位於文字區的左側。
預設標籤位置 置換以移動標籤
其標籤位於頂端的文字框
左側有其標籤的文字框
如果要移動標籤，請執行下列動作:
  1. 新增一個類別至文字框實例的 HTML 屬性。 例如，按一下新增類別，然後在類別名稱中，鍵入 myText。
  2. 在 CSS 程式碼中，定義該類別的樣式。 例如，定義 myText 類別，以置換標籤位置的樣式：
    .myText.Output_Text .outputTextLabel,
.Text .textLabel {
display: inline-block;
width: 100px;
}
.myText.Text .content {
display: inline-block;
}
  3. 在任何母項視圖中，新增該 CSS 規則至 .css 檔，並新增該檔案作為併入的 Script。 如果該視圖是 Coach 中最上層的視圖，請新增包含該樣式規則的自訂 HTML 項目。