チェックボックス
このウィジェットの機能
「チェックボックス」ウィジェットでは、オプションを選択することができます。
このウィジェットを使用するケース
以下の場合にチェックボックスを使用します。
• エクスペリエンスのユーザーに対して複数の選択肢を表示する場合。
• エクスペリエンスのユーザーに対してチェックリストを表示する場合。たとえば、サービス技術者が機械加工を行う前に実行しておく必要がある前提条件が複数存在する場合は、チェックボックスを使用して、サービス技術者が機械加工を行うためのすべての前提条件が満たされているかどうかを確認します。
• ユーザーに対して、有効と無効を切り替えることができる設定またはプロパティを表示する場合。
このウィジェット固有のプロパティ、サービス、イベント、操作
一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。
|
イベント
|
JavaScript
|
説明
|
|---|---|---|
|
選択解除
|
deselected
|
チェックボックスをオフにしたときにトリガーされます。
|
動作中のウィジェット
ウィジェットがどのように表示されるか、以下に例を示します。
|
使用時に必要な最小ステップ
|
外観
|
|---|---|
|
1. 「チェックボックス」ウィジェットをキャンバス上にドラッグアンドドロップします。この例では、キャンバスに 4 つのチェックボックスを追加しました。
2. 「ラベル」フィールドに、チェックボックスで表示するラベルまたはテキストを入力します。この例では、PTC 製品の名前を入力します。
|
 |
CSS でのウィジェットのスタイル設定
CSS を使用して、ウィジェットのスタイルを設定できます。作成および適用できる CSS クラスの例を次に示します。
 |
クラスに一意の名前を付けて、別のクラスや OOTB プロパティと競合しないようにすることをお勧めします。
|
|
CSS の例
|
外観
|
|---|---|
.ptc-checkbox {
|
 |
CSS クラスの実装の詳細については、アプリケーションのスタイルを参照してください。