MENU
    ウィジェットの設定方法
    • 23 Jan 2025
    • 1 読む分
    • 寄稿者

    ウィジェットの設定方法


    記事の要約

    概要

    Tulipがウィジェットと呼ぶアプリケーション内の各要素は、希望する形態と機能に最適なように設定できます。

    異なるウィジェットは、異なる設定オプションをサポートします。これらの設定は、ウィジェットの様々な属性に影響を与えます。 - 例: 入力値をどこに保存するか、どのテーブルを表示するか -スタイリング- 例: ボタンの色をどうするか、テキスト・ウィジェットを太字または斜体に設定するか -トリガー- 例: ユーザが [Enter] をクリックしたときに何が起こるか、ユーザが行を選択したときに何が起こるか。

    ウィジェットの設定方法

    ウィジェットを編集するには、ウィジェットを選択する必要があります。1.設定したいウィジェットを選択します。2. 選択すると、そのウィジェットのコンテキスト・ペインが表示されます。side pane{height="" width=""}.

    コンテンツ - データマッピング

    ウィジェットの表示内容はウィジェットによって異なりますが、マッピングのプロセスは変わりません。データソース "ウィジェット設定は、ウィジェットコンテンツのソースを定義します。最初にウィジェットを追加したとき、そのデータソースはマッピングされていません。

    Datasource mapping.png{高さ="" 幅="400"}。

    Datasource Typeは、ウィジェットがマッピングされるソースの大まかなタイプです。例としては、変数、テーブル レコード フィールド、マシン属性などがあります。

    Datasourceは、ウィジェットがマップされるそのタイプ内の特定の属性です。

    NOTE

    A warning icon appears in the corner of an input to indicate that no datasource is selected.

    データマッピング

    他のすべてのウィジェットでは、Datasourceはウィジェットが表示するデータのソースを表します。

    多くのウィジェットは、データに関連付けられています。ウィジェットのコンテンツは、テーブルレコードや変数などの動的データによって駆動できます。入力ウィジェットは変数やテーブル・レコード・フィールドにデータを入力するためにも使用できます。

    入力ウィジェットは、データソースの読み取り/書き込みが可能で、入力を変更するとデータソースの値も変更されます。ほとんどのウィジェットは読み取り専用で、動的なデータによって動かされますが、データソースの値に直接影響を与えることはできません。

    スタイリング

    ウィジェットが Tulip にアップロードされた後、画面右側のコンテキストペインで以下のプロパティを編集できます。スタイリングのオプションはウィジェットによって異なりますが、ほとんどのウィジェットには以下のオプションがあります。

    • フォントサイズ
    • フォントの色
    • フォントスタイル
    • ボタンテキストの整列
    • ボタンの色
    • サイズ
    • 回転
    • ドロップシャドウ
    • ボーダー半径
    • 点滅

    データ駆動型ウィジェット

    多くのウィジェットは、動的なデータから生成することができます。ほとんどの動的ウィジェットでは、Datasource設定がウィジェットの状態を駆動するデータを示します。image.png{height="" width="450"}.

    ColorすべてのColorプロパティは、静的に設定するか、変数に基づいて動的に設定することができます。

    VariableVariableウィジェットの内容は、色を含む任意のアプリ変数の値に関連付けることができます。このウィジェットは、ソース変数が変更されると動的に変更されます。

    テーブル レコードテーブルレコードウィジェットは、レコード全体または個々のテーブル レコード フィールドの現在の値を反映します。

    インタラクティブ テーブルインタラクティブテーブルウィジェットは、テーブルの現在の状態を表示します。

    トリガー

    多くのウィジェットは、アプリロジックをトリガーできます。ウィジェットによって、トリガーを起動する動作が異なります。

    image.png{height="200 "幅=""}入力ウィジェットすべての入力ウィジェットに対応します。

    入力ウィジェットすべての入力ウィジェットで、入力が変更されると、トリガーが実行されます:(Info) (NOTE)
    In the case of Number and Text input widgets, Triggers will fire on users clicking [Enter]
    :::Interactive Tableユーザーが行を選択すると、その行のトリガーが実行されます。さらに、その行は、Linked Recordウィジェット設定で設定されたテーブルレコードのプレースホルダにロードされます。 インタラクティブテーブルウィジェットの詳細については、こちらを参照してください。

    Warning

    For rows in the interactive table widget to be selectable, its Linked Record field must be tied to a table record placeholder.

    詳細情報


    この記事は役に立ちましたか?