ウィジェットの設定方法

概要

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

ウィジェットの種類によって、さまざまな設定オプションがあります。これらの設定は、ウィジェットの様々な属性に影響を与えます。 -コンテンツ/データマッピング- ex: ボタンに表示されるテキスト、テーブルのどの列を表示するか - ex: 入力の値をどこに保存するか、どのテーブルを表示するか -スタイリング- ex: ボタンの色はどうするか、テキストウィジェットは太字または斜体に設定するか -トリガー- ex: ユーザーが [Enter] をクリックするとどうなるか、ユーザーが列を選択するとどうなるか。

ウィジェットの設定方法

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

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

ウィジェットの表示内容は各種ウィジェットで異なりますが、マッピングの処理に差はありません。ウィジェットの「データソース」設定は、ウィジェットコンテンツのソースを定義します。最初にウィジェットを追加したときは、そのデータソースはマッピングされていない状態になっています。

{高さ="" 幅="400"}です。

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

データソースは、ウィジェットがマッピングされるそのタイプ内の特定の属性です。

:::(Info) (注）データソースが選択されていないことを示すために、入力の隅に警告アイコンが表示されます :::

データマッピング

**Inputsの場合、**Datasourceはユーザー入力が保存される場所を表し、他のすべてのウィジェットの場合、Datasourceはウィジェットが表示するデータのソースを表します。

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

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

スタイリング

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

• 文字サイズ
• フォントの色
• フォントスタイル
• ボタンの文字列を揃える
• ボタンカラー
• サイズ
• ローテーション
• ドロップシャドウ
• ボーダー半径
• 点滅

データドリブンウィジェット

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

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

VariableVariableウィジェットのコンテンツは、カラーを含む任意のアプリ変数の値に関連付けることができます。このウィジェットは、ソース変数の変更に伴って動的に変化します。

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

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

トリガー

多くのウィジェットがアプリのロジックをトリガーすることができます。ウィジェットが異なると、トリガーの発火を促す動作が異なる。

{height="200" width=""}.

入力ウィジェットすべての入力ウィジェットで、入力が変更されると、そのトリガーが実行されます。:::(Info) （注）NumberとTextの入力ウィジェットの場合、トリガーはユーザーが[Enter]をクリックすると起動します :::Interactive Tableユーザーが行を選択すると、そのトリガーが起動します。また、その行は、Linked Recordウィジェット設定で設定されたテーブルレコードのプレースホルダにロードされます。インタラクティブ・テーブル・ ウィジェットの詳細については、こちらを参照してください。

:::(Warning) (警告）インタラクティブ・テーブル・ウィジェットの行を選択できるようにするには、そのリンクレコード・フィールドをテーブル・レコード・プレースホルダに関連付ける必要があります。

その他の情報

• 入力ウィジェット
• インタラクティブなテーブルウィジェット
• ボタンウィジェット