お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の
英語版を参照してください。
要点
ポータルフォームは、ポータル内でのユーザーのサインイン、サインアップ、パスワードの作成、パスワードのリセットを処理する、Creator管理の認証要素です。各ポータルページに適切なフォームを配置し、ブランドに合わせて表示領域のスタイルを設定できます。
1. 概要
ポータルフォームは、ポータルユーザーのアカウントライフサイクルにおける特定の手順を処理する、4種類の組み込み認証要素です。ポータルページに直接配置し、認証情報の収集、新規ユーザーの登録、パスワード関連の処理に使用します。フォームの項目、ラベル、プレースホルダー、ナビゲーションリンク、およびポータルフォームの送信時に実行される認証ロジックはすべてあらかじめ設定されており、変更できません。ポータルページデザイナーで変更できるのは、ポータルページ上でのフォームの外観のみで、動作は変更できません。
4種類のフォームにはそれぞれ異なる用途があり、対応する既定のポータルページで使用します。
- サインイン:既存のポータルユーザーが認証を行い、ポータルにアクセスできます
- サインアップ:新規ユーザーがポータル利用の登録を行えます
- パスワード設定:プラットフォームで管理されるパスワード設定フローを通じて、パスワードを作成または変更できます
- パスワードリセット:パスワードを忘れたユーザー向けに、プラットフォームで管理される復旧フローを開始します。
次の用途に最適です。
- ユーザー認証が必要なポータルページ
- 新規ポータルユーザーが登録またはアカウント設定を行うオンボーディングフロー
- ポータルユーザーがアカウントへのアクセスを回復するページ
2. 表示プロパティ
ポータルフォームには、管理者が設定できるデータソースや項目設定はありません。フォームの内容、認証ロジック、検証、送信時の動作はあらかじめ設定されており、変更できません。
| プロパティ |
説明 |
| 要素名 |
各ポータルフォーム要素の内部識別子です。この名前はデザイナー内に配置したときに自動生成され、必要に応じて変更できます。 |
3. スタイルプロパティ
各フォームには、影響する領域ごとに整理されたスタイル設定があります。これらの設定では、各領域の内容を編集可能にすることなく、外観を変更できます。共通のプロパティは次のとおりです。
- 配置*リンク*
- レイアウト*リンク*
上記に加えて、ポータルフォームの各レイヤーには、デザインを詳細に調整できる固有のスタイルプロパティがあります。
- コンテナー
- 背景色*リンク*
- パディング*リンク*
- 余白*リンク*
- 角丸*リンク*
- 枠線*リンク*
- 影*リンク*
- テキスト
- フォント*リンク*
- タイトルと本文の色*リンク*
- 項目入力欄
- 背景色
- 枠線の色
- プレースホルダーのフォント色
- 入力値の色
- ボタン
- フォント色
- 背景色
- 枠線の色
- リンクの色
メモ:パスワード設定フォームおよびパスワードリセットフォームには、あらかじめ設定されたナビゲーションリンクが含まれていないため、リンクのスタイル設定セクションは表示されません。
4. 操作してみる
サインインフォームを追加し、次の操作を試します。
- フォームがページ上に浮かぶカードのように表示されるよう、コンテナーの背景色を設定し、コンテナーの影をレベル2に設定します。
- 項目入力欄の背景色と項目入力欄の枠線の色をブランドカラーに合わせて変更し、プレビューで入力項目がどのように更新されるか確認します。
- カードを柔らかな印象にするため、角丸を12pxに設定します。
- サインイン操作を目立たせるため、ボタンの背景色をブランドのメインカラーに、ボタンのテキスト色を白に設定します。
- 「パスワードを忘れた場合」リンクが表示されつつ、メインの操作より目立たないよう、リンクの色をブランドに合った落ち着いた色調に設定します。
5. 留意事項
- 各ポータルフォームは、対応する既定のポータルページに配置する必要があります。意図した認証フローが実行されるよう、関連するページにポータルフォームを配置してください。
- ポータルページの設定と管理*リンク*