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

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

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

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

重要

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

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

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

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

  2. フラグメント アプリケーションで、アプリケーション バーの オプション (Options Icon) → 構成をクリックします。

    フラグメントの [構成] メニューからフラグメントをフィールドにマッピングすることができます。

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

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

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

  5. 適用するカスタム フォーム フラグメントを選択します。

    フィールドに適合したオプションを選択できます。

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

カスタム フォーム フラグメントをフィールド タイプに適用すると、すぐに使用できるスタイル (右側) ではなく、新しいスタイル (左側) がフィールド タイプに適用されます。

カスタム フォーム フラグメントにマップされたフィールド (左側) は、すぐに使用できるフラグメントで作成されたフィールド (右側) とは異なって見えます。