機械翻訳について

動的コンテナ・レイアウトの変更

動的コンテナでは、デフォルトでセクションが縦に表示されます。 つまり、セクションは1つの列にレンダリングされ、もう1つは上に表示されます。 このレイアウトを変更して、かわりに「コンテナ・テンプレート」を使用して行に表示できます。

コンテナ・テンプレートは、デフォルト以外のレイアウトでセクションを配置するのに役立ちます。 これらを使用して、動的コンテナ内のセクションを整理できますが、動的コンポーネントやフラグメントなどの他のコンポーネントを追加することもできます。 したがって、コンテナ・テンプレートにフラグメントを含めることができ、そのフラグメントに動的フォームおよび他のコンポーネントを含めることができます。


container-template-example.pngの説明は以下のとおりです
「図container-template-example.pngの説明」

上の図は、垂直に積み重ねられた動的コンテナ・セクションを示しています。 コンテナ・テンプレートを作成し、そのレイアウトを切り替えると、セクションが隣に配置されます。 行で領域が不足すると、(イメージの下部に示すように)次の行に自動的に折り返されます。

動的コンテナ内のセクションのレイアウトを変更するには:

  1. ページ・デザイナでページを開いた状態で、動的コンテナ・コンポーネントを選択して、そのプロパティをプロパティ・ペインに表示します。
  2. 一般タブで、コンテナ・テンプレートの横にある「作成」をクリックします。
  3. コンテナ・テンプレートの名前(たとえば、Row Template)を入力し、OKをクリックし、「テンプレートに移動」をクリックします。
  4. テンプレート・デザイナでテンプレートが開いたら、プロパティ・ペインのテンプレート・コンテンツの横にある「フレックス行」をクリックします。
  5. フレックス行プロパティで、「方向」フィールドを検索します。デフォルトでは垂直に設定されています。
  6. 「水平方向」を選択します。 列に方向を設定し、デフォルトで含まれているoj-sm-flex-direction-columnクラスがクラス・フィールドから削除されます。
  7. 「ページに戻る」をクリックして、列が垂直に配置されるのではなく、横に並んでいるセクションを表示します。