マイクロアプリ

ページビルダーのコンポーネント

ページビルダーとそのコンポーネントについて理解することで、アクションページを作成できるようになります。ページビルダーのさまざまなコンポーネントとセクションについては、以下のセクションで説明します。自身の要件に応じて、追加のフィールドとボタンを追加し、カスタマイズします。

以下は、ページビルダーの画面です:

  • コンポーネントは左側のペインにあります。
  • ビルダーキャンバスは中央のセクションです。
  • ページの詳細とコンポーネントの プロパティアクションは右側のペインにあります。

ページビルダーの全体ビュー

ページテンプレート

ページを作成するとき、必要な情報に応じて、次の基本的なページレイアウトから選択できます:各テンプレートは、目的のページを作成するアクティビティを高速化することのみを目的としています。

  • 詳細 - 静的な詳細を提供するページテンプレートです。
  • フォーム - ページにユーザーデータを入力する機能に加えて、静的な詳細を提供するページを作成します。
  • テーブル - ターゲットアプリケーション統合から読み込むデータテーブルに基づいて、ページを作成します。
  • 静的コンテンツ - 見出し、エラーメッセージ、リマインダーなど、静的で対応不可能な情報を提供するページコンポーネントをセットアップします。

ページビルダーのコンポーネント

ページビルダーでは、さまざまなページコンポーネントから選択することができ、マイクロアプリの出力、情報、および表示のカスタマイズと設定を行うことができます。コンポーネントを使用して、期待することとニーズに基づいてページマイクロアプリを構築します。たとえば、ユーザーのリストを表示する場合は、テーブルコンポーネントを使用して構築します。さまざまなテンプレートページに、デフォルトで使用可能なさまざまなコンポーネント機能があります。以下のリストは、使用可能なすべてのオプションを網羅しています。

入力コンポーネント - 入力によって、ボタン、テキスト入力、ラジオボタンなど、操作可能なセクションをページ上に作成するコンポーネントを使用できます。

入力コンポーネントの詳細ビュー

  • ボタン - クリックして使用する、アクションと論理が含まれたコンポーネントをページに追加します。
  • テキスト入力 - データテーブル、列、値を指定することで、テキストソースを定義してユーザーが入力したページに読み込みます。このコンポーネントはオプションマークを付けることができます。フィールド幅は変更できます。検証規則は、最小または最大の長さやテキストパターンをベースにして構成し、ユーザー入力を識別できます。
  • テキスト領域 - テキストソースを定義し、デフォルトでページに読み込まれるようにします。アクションを追加することができます。
  • 数値入力 - 数値のソース、範囲、デフォルト、および形式を定義して、ページに読み込みます。
  • 選択 - ユーザーが値の一覧から選択できるようにします(値の上限は100個)。ソースシステムからデータが入力されるか、値の一覧を手動で入力できます。
  • 検索 - ユーザーが大量の値を検索できるようにし、何かを検索して値を選択できるようにします。
  • チェックボックス - ソース、デフォルト、アクション、および論理を定義して、選択可能なコンポーネントをページに追加します。
  • ラジオ - 1つしか選択できないオプションのセットを追加します。ソースシステムからデータが入力されるか、値の一覧を手動で入力できます。
  • 日付/時刻 - マイクロアプリで表示される日付や時間と、ページに読み込むデフォルト時間(選択前に表示されている時間)および形式(12時間、24時間、Webブラウザー時間)を定義します。

表示コンポーネント - 表示によって、テーブル、静的テキスト、画像などを含むマイクロアプリのエンドユーザーに、情報を提供するコンポーネントを使用できます。

表示コンポーネントの詳細ビュー

  • テーブル - テーブルのソース、フィルターを定義し、列を定義して、テーブルを追加します。ページリンクアクションを追加できます。データの露出を制限するには、個人設定クエリを設定する必要があります。
  • テキスト - テキストソースと形式を定義して、ページに読み込みます。アクションとロジックを追加できます。
  • 静的テキスト - 静的テキストを定義してページに表示します。アクションを追加することができます。
  • 静止画像 - 事前定義されたURLソースから静止画像を参照して表示します。
  • 画像 - 画像ソースと形式を定義して、ページで表示します。
  • 区切り線 - 区切り線を使用して、無関係の情報とグループに関連する情報を分離します。
  • 戻るボタン - ユーザーが前のページに戻れるようにします。
  • Power BI - BIレポートを表示します。ソースと形式を定義します。
  • Concur受領書ビューア - 受領書の画像を表示します。ソースと形式を定義します。
  • HTMLコンテンツ - ソース(RSSフィードなど)からプルしたHTMLコンテンツを正しく表示するために使用します。

重要:

個人用のクエリのないテーブルは、利用者に対するデータリレーションとは関係なく、テーブルフィルターに一致するすべてのレコードを公開します。データ公開を制限しない限り、潜在的に機密性の高いデータがすべてのマイクロアプリユーザーに公開される可能性があります。個人設定機能を使用して、ページへのデータアクセスを制御します。

ページ内のコンポーネントビルダーペインで、テーブルを選択します。[テーブルのプロパティ] を選択し、[個人設定]を選択します。次に [+条件を追加] を選択して、必要に応じて制約を追加します。

レイアウトコンポーネント - ページのレイアウトを設定するためのグリッドコンポーネントを備えています。

レイアウトコンポーネントの詳細ビュー

  • フレキシブルグリッド - ページ上のコンポーネントの配置をより詳細に制御できます。大画面を備えるデバイス向けにページを設計する場合に便利です。ラベルと、グリッドに含めるセルの総数を設定します。

ページの詳細

ページの詳細によって、情報のフィルターを作成して設定しているページを構成することができ、さまざまな情報デバッグ機能が提供されます:

  • ページ名 - ページの名前を設定します。
  • データフィルター - アクションデータに制約を設定するために使用します。
  • SQLを表示 - これを使用して、デバッグのためにSQLを表示します。
  • コンポーネントの論理を表示 - これを使用して、デバッグ用のコンポーネントの論理を表示します。
  • レコードが存在しない場合に表示するコンテンツ - レコードが存在しないときに表示する静的コンテンツページを設定します。

コンポーネントのプロパティ

各ページビルダーのコンポーネントには、以下のようなさまざまなオプションを備えた固有のプロパティメニューがあり、コンポーネントに応じて選択できます:

  • ラベル - ボタン、テキスト、画像などのラベルをカスタマイズします。
  • サイズ - ボタン、テキストなどのサイズを設定します。
  • スタイル - テキスト、ボタンなどのさまざまな色と形式を切り替えます。
  • ブレードのフッターに表示 - ページブレードに要素を表示するように切り替えます。
  • データソース - 表示された要素のデータソースを選択します。
  • データテーブル - 表示された要素のデータテーブルを選択します。
  • データ列 - 表示された要素のデータ列を選択します。
  • 条件付き書式 - ページ要素の条件付き書式を設定します。
  • 変数の挿入 - ページ要素に変数を追加して、アプリケーション統合データを自動的に表示します。
  • 表示の切り替え - ページビルダーでの要素の表示方法を切り替えます。

アクション

アクションメニューはボタンコンポーネント用のものであり、マイクロアプリの受信者が操作可能な入力で応答できるようにします。統合で設定した設定済みサービスアクションから、ボタンによって実行されるアクションを定義します。

論理

[Create Logic] ボタンを選択して、論理の構成を開きます。これにより、特定のページコンポーネントの論理を構成できます。標準の論理引数を使用して条件を作成し、コンポーネントに必要な動作に応じたさまざまな成果を達成します。1つのボタンに複数のスタックアクションを追加して、1回のクリックで複数のアクションの効果を作成できます。各サービスアクションが正常に実行されると、一連のアクションがすべてが完了するまで実行されます。アクションには以下のものがあります:

  • 条件の評価 - 論理引数を介して条件の設定と編集を行います。
  • コンポーネントの値を設定 - ボタンのコンポーネントの値を設定して、アクションをコミットします。
  • コンポーネントを表示 - コンポーネントを表示する条件を設定します。
  • コンポーネントを非表示 - コンポーネントを非表示にする条件を設定します。
  • コンポーネントを有効化 - コンポーネントを有効にする条件を設定します。
  • コンポーネントを無効化 - コンポーネントを無効にする条件を設定します。
  • コンポーネントを必須に設定 - コンポーネントを必要とする条件を設定します。
  • コンポーネントを不要に設定 - コンポーネントを除外する条件を設定します。

ページビルダーのコンポーネント