モバイルポップアップの作成
リアルタイムの状況に基づいて構成可能なモバイル ポップアップを表示する方法について説明します。これらのポップアップは、モバイルアプリのログインフェーズ時またはボタンタップ後に表示できます。
始める前に
必要なロール:admin
モバイル ポップアップを構成する前に、次の点を考慮してください。
- モバイルカードはポップアップの表示に使用されます。独自のモバイルカードをデザインするか、提供されているテンプレートカードのいずれかを使用できます。詳細については、「モバイルカードビルダー」を参照してください。
- ポップアップをトリガーするサポートされているボタンのタイプは、アクションアイテムとナビゲーションです。詳細については、「アクション機能」を参照してください。
- すべてのボタンの場所がサポートされています。たとえば、スワイプ、トップメニューアクション、フッター機能などです。
- ボタンは、レコード、アイコン、メディア、およびコンテンツの UI セクションで使用できます。詳細については、「ランチャー画面の UI セクション」を参照してください。
- モバイルポップアップはオフラインではサポートされていません。
手順
-
移動先 すべて > システムモバイル > Mobile App Builder.
モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
-
作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
モバイルアプリビルダー カテゴリのホーム画面が表示されます。
- メニューから [すべてのモバイルレコード] を選択します。
- レコードタイプ フィールドから UI セクション [sys_sg_event] を選択し、 新規.
-
必要に応じて次のフィールドに入力します。
表 : 1. [モバイルイベント] フォーム フィールド 説明 プロパティ 名前 モバイルポップアップをアクティブにするモバイルイベントの名前。 説明 モバイルイベントに関する追加情報。 アクティブ モバイルイベントが有効になっているかどうか。 タイプ ポップアップをトリガーするイベントのタイプ。次のいずれかを選択します。
- OnLogin – ユーザーが資格情報を入力してログインすると、モバイルポップアップが表示されます。
- OnButtonClick – ユーザーが指定されたボタン機能を選択すると、モバイルポップアップが表示されます。
ソーステーブル このモバイルイベントのソーステーブル。 [タイプ] として [OnLogin] を選択した場合、ソーステーブルは [モバイルアプリ構成] [sys_sg_native_client] になります
[タイプ] として [OnButtonClick] を選択した場合、ソーステーブルは [モバイルアプリ構成] [sys_sg_button] になります
ソースレコード このイベントが発生するレコードとして、モバイルアプリ構成またはモバイル機能のいずれかを決定します。オプションは、[ ソーステーブル ] フィールドからの選択によって異なります。 イベントアクション モバイルイベントがトリガーされたときに発生するアクション。 注:イベントごとに 1 つのアクションのみを設定できます。 - ユーザーがログインしたときにトリガーされたイベントが発生するか、ボタンが選択されたときにトリガーされたイベントが発生するかを [タイプ] フィールドから選択します。
- [ソーステーブル] フィールドから、選択したモバイルイベントタイプに関連するテーブルを選択します。
- 「イベント・アクション」領域で 「新規 」を選択して、イベントがトリガーされたときの動作を定義します。
-
必要に応じて次のフィールドに入力し、イベントアクションフォームでモバイルポップアップを表示するかどうかの条件を作成します。
表 : 2. [モバイルイベントアクション] フォーム フィールド 説明 プロパティ 名前 モバイルイベントアクションの名前。 設定 タイプ イベントアクションのタイプ。[ShowPopup] を選択します。 条件タイプ このモバイルイベントアクションに適用される条件。
- 宣言: Condition Builder をフォームに追加します。詳細については、「 条件ビルダー」を参照してください。
- スクリプト: フォームにスクリプト条件フィールドを追加します。
クエリ条件スクリプト スクリプトを使用して、返されるレコードを決定します。 注:このフィールドは、[ 条件タイプ ] フィールドで [スクリプト] を選択した場合にのみ表示されますテーブル 返されるレコードを含むテーブル。注:このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。条件 選択したテーブルからどのレコードが返されるかを決定する条件を設定します。条件が設定されていない場合、クエリはすべてのレコードを返します。 注:このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。ポップアップ 使用するモバイルポップアップとその表示方法を選択します。 - [タイプ] フィールドで [ShowPopup] を選択します。
-
[条件タイプ] フィールドで [宣言] または [スクリプト化] を選択します。
このモバイルイベントに適用される宣言条件またはスクリプト条件のいずれかを選択すると、さまざまなフィールドが表示されます。
- [ポップアップ] フィールドで [新規] を選択し、モバイルポップアップの表示を決定します。
-
必要に応じて次のフィールドに入力します。
表 : 3. モバイルポップアップフォーム フィールド 説明 プロパティ 名前 モバイルポップアップの名前。 外側をタップして閉じる ポップアップ領域の外側にあるモバイル画面をタップして、モバイルポップアップを閉じるオプション。 注:このオプションが選択されていない場合、ポップアップ カードにはポップアップを閉じるボタンが含まれている必要があります。それ以外の場合、この設定は無視されます。背景をぼかす モバイル画面の背景をぼかしてポップアップをより強調するオプション。 アクティブ モバイルイベントが有効になっているかどうか。 カード ポップアップに使用するカード。 -
[ 既存の カードを使用する] を選択するか、[ 新規 ] を選択して [カード ] フィールドからカードを作成します。
カードの作成の詳細については、「」を参照してください モバイルカードビルダー。注:2 つのモバイルポップアップカードテンプレートがベースシステムに付属しています。これらのテンプレートは、ポップアップ 01 およびポップアップ 02 と呼ばれます。
- [Save (保存)] を選択します。