セパレータコンポーネントを使用して、フォームのパネルを視覚的に区別することができます。セパレータコンポーネントの全体的な外観やスタイルは、次のセパレータコンポーネントのプロパティを指定することによって定義することができます。

  • 要素名:コンポーネント名を指定します。SOM 式は、要素名フィールドで指定された値を持つコンポーネントに対応しています。
  • 太さ:セパレータコンポーネントの太さをピクセル単位で指定します。
  • Colspan:セパレータコンポーネントの対象となる列数を指定します。
  • CSS クラス:セパレータコンポーネントに対しカスタム CSS クラスを指定します。
  • インラインスタイル:AEM 6.1 forms では、インライン CSS スタイルをアダプティブフォームの各コンポーネントに適用し、変更のプレビューをリアルタイムで見ることができるようになりました。

セパレータコンポーネントのプロパティを指定するには:

  1. セパレータコンポーネントを右クリックし、「編集」をクリックします。セパレータを編集ダイアログが開かれます。
  2. インライン CSS プロパティセクションでタブをクリックし、CSS プロパティを指定します。例:「フィールド」タブで、「アイテムの追加」をクリックします。2 つのフィールドを持った行が追加されます。
  3. 左から最初の行で、適用したい CSS3 プロパティを指定します。例:border など。また、下矢印をクリックしてプロパティを選択することもできます。ドロップダウンリストに含まれているプロパティは一部であり、サポートされている CSS3 プロパティであればこのフィールドで任意に指定することができます。
  4. 隣接するフィールドで、指定された CSS3 プロパティに対し、有効な値を指定します。例:3px solid black など。
  5. アイテムの追加」をクリックし、次のプロパティとその値を追加します。
  6. プレビュー」をクリックし、フォームの変更をプレビューで表示します。
  7. OK」をクリックして変更を確認するか、または「キャンセル」をクリックして変更せずにダイアログを閉じます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー