Using Form Fragments
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

フォームフラグメントを使用したフォームのパーソナライズ

フォームフラグメントは、カスタムオブジェクトに基づいてフォームを自動生成します。 Liferayのすぐに使えるフォームフラグメントがあなたのユースケースを満たさない場合、カスタムフォームフラグメントをフィールドタイプにマッピングすることで、フォームフラグメントを作成し、フォームのスタイルを変更することができます。

フォームフラグメントは、HTML、CSS、およびJavaScriptコードを使用して、カスタマイズされたスタイルと機能を持つ要素を作成します。 この方法を使えば、既存のデザインシステムやコンポーネントライブラリを利用してフォームをカスタマイズできます。 詳細については、 カスタムフォームフラグメントの作成 を参照してください。

重要

フォームフラグメントはカスタムオブジェクトでのみ使用できます。 Liferayは、少なくとも1つの公開オブジェクトが作成されるまで、フォームコンポーネントのフラグメントセットを非表示にします。 公開後、オブジェクトへのアクセス権を持つユーザーは、フォームコンポーネントのフラグメントを表示および使用できるようになります。 詳細については、 オブジェクトの作成 を参照してください。

カスタムフォームフラグメントをフォームフィールドにマッピングする

フォームフィールドのデフォルトのスタイルと機能を変更するには、 カスタムフォームフラグメント をフィールドタイプにマッピングします。

  1. サイトメニュー (Site Menu icon) を開き、 デザインフラグメント をクリックします。

  2. Fragments アプリケーションで、アプリケーション バーの オプション (Options Icon) → 設定 をクリックします。

    フラグメントの設定メニューから、フラグメントをフィールドにマッピングすることが可能です。

  3. フィールドタイプ(左の列)に適用するフォームフラグメント(右の列)を選択します。

    カスタムフォームフラグメントをフィールドタイプに適用します。

  4. サイトタブの下にあるフラグメントセットを選択してください。 互換性のあるタイプのフィールドを持つフラグメントが表示されます。

  5. 適用したいカスタムフォームフラグメントを選択してください。

    その分野と互換性のあるオプションを選択できます。

コンテンツページまたはテンプレートページにフォームを追加することで、カスタムフラグメントがフィールドタイプに適用されているかどうかを確認できます。 フラグメントを使用してフォームを構築する方法の詳細については、 フォームフラグメントを使用したフォームの作成 を参照してください。

カスタムフォームフラグメントをフィールドタイプに適用すると、標準スタイル(左側)の代わりに新しいスタイル(右側)がフィールドタイプに適用されます。

カスタムフォームフラグメントにマッピングされたフィールド(右側)は、標準のフラグメントで作成されたフィールド(左側)とは見た目が異なります。