Skip to main content

App Builderのコンポーネント

注記

App Builderは、Alteryx Analytics Cloud Platformで利用可能な、新しくて革新的な製品です。より洗練され、強化されたユーザーエクスペリエンスを提供するために、機能は予告なく変更される場合があります。ご理解に感謝するとともに、Alteryxコミュニティ では、App Builderの継続的な改善のため、フィードバックをお待ちしています。

コンポーネントの構成要素を使用してアプリにコンテンツを追加します。

コンポーネントの構成要素の追加と削除

キャンバスにコンポーネントの構成要素を追加するには、キャンバス上のコンテナ内の[組み立てブロック]パレットから要素をドラッグアンドドロップします。

コンポーネントの構成要素を削除するには、要素を選択して強調表示し、ごみ箱アイコンを選択します。

バナー

[バナー]を使用して、アプリ内の重要な情報を強調します。

要素の設定

  1. バナーの[タイプ]を選択します。

    • 情報

    • 成功

    • 警告

    • エラー

  2. バナーの[スタイル]を選択します。

    • 標準

    • Outlined

    • Filled

  3. [ボーダー幅]を入力します([スタイル]が[Outlined]に設定されている場合にのみ使用できます)。

  4. [アイコンを表示]にチェックを入れてバナーアイコンを表示します。

  5. バナーの[コンテンツ]を入力します。これはバナーに表示されるテキストです。

  6. []を指定します。

    • テキスト

    • 塗りつぶし

    • ボーダー

    [ボーダー]は[スタイル]で[Outlined]が選択されている場合にのみ使用できます。

  7. [保存]を選択します。

デバイダ

[仕切り]を使用して、アプリのコンポーネント間に視覚的な仕切りを追加します。

要素の設定

  1. [線の幅]を選択します。ここで仕切りの幅を決定します。

  2. [線のスタイル]を選択します。

    • 実線

    • 破線

  3. 仕切りの[]を選択します。

  4. キャンバス上の仕切りのサイズを変更するには、仕切り要素の角を選択し、ドラッグしてサイズを変更します。

  5. [保存]を選択します。

画像

[画像]を使用して、アプリに画像を表示します。

要素の設定

  1. 表示する画像にリンクする[画像URL]を入力します。

  2. [画像タイトル]を入力します。

  3. [保存]を選択します。

リンク

[リンク]を使用して、アプリへのリンクを追加します。

要素の設定

  1. クリック可能なリンクとしてアプリに表示される[表示テキスト]を入力します。

  2. ユーザーがリダイレクトされるWebページに[表示テキスト]をリンクさせる[リンクURL]を入力します。

  3. [保存]を選択します。

スペーサー

[スペーサー]を使用して、アプリ内の要素間にスペースを作成します。

要素の設定

  1. スペーサー要素の背景の[]を選択します。既定の色は透明です。

  2. キャンバス上のスペーサーのサイズを変更するには、スペーサー要素の角を選択し、ドラッグしてサイズを変更します。

  3. [保存]を選択します。

設定パネルで選択できる色オプションで組み立てブロックをカスタマイズします。コンポーネントの色をカスタマイズするには、組み立てブロックを選択し、[]ドロップダウンから色オプションを選択します。色の選択とテーマの色を変更する方法の詳細については、App Builderのテーマを参照してください。

間隔

App Builderの組み立てブロックのカスタム間隔を設定します。ピクセル数を入力して、要素の[]、[]、[]、[]に余白を追加します。

条件付きロジック

要素の条件付きロジックを追加して、要素を表示するかどうかを決定します。

  1. [次の場合のみ表示]の変数を選択します。

  2. [演算子]を選択します。

  3. 変数設定ツールによって変更されるまで変数によって保存される[]を選択します。