カルーセル ウィジェット
- Last UpdatedSep 26, 2024
- 1 minute read
カルーセル ウィジェットでは、入力なしでカルーセルのようにさまざまな要素（画像やテキストのスライドなど）をサイクル表示できます。このウィジェットは、ダッシュボード、アラート、またはアラーム情報を工場作業場の大型モニタに表示するために使用できます。
注：カルーセル ウィジェットのクライアント コントロール（アラーム クライアント コントロールおよびトレンド クライアント コントロール）画面は、WindowViewer および Web Client でサポートされていません。
プロパティ
［ウィジェットのプロパティ］では、標準のグラフィック プロパティに加えて、ウィジェット固有のプロパティも設定できます。
|
名前 |
説明 |
デフォルト |
|---|---|---|
|
自動表示 |
Autoplay プロパティが True に設定されている場合、起動時に カルーセル ウィジェットが自動的にロードされます。False に設定されている場合、カルーセルを開始する次の項目をユーザーが選択する必要があります。 |
True |
|
背景色 |
ウィジェットの背景色を設定します。RGB、HTML コード（#FF0000）、または有効な HTML 色名で色の値を指定します。 |
白 |
|
グラフィック名 |
カルーセルがランタイムに実行するグラフィックのリスト（カンマ区切り）。 |
空 |
|
間隔 |
項目のサイクルを自動的に開始する際の間隔（ミリ秒）。 |
5000 |
|
キーボード |
Keyboard プロパティが True に設定されている場合、カルーセルはキーボード入力に反応します。 |
True |
|
ループ |
Loop プロパティが True に設定されている場合、グラフィックが継続的にサイクルします。それ以外の場合、1 回のサイクル後に停止します。 |
True |
|
休止 |
Pause プロパティが True に設定されている場合、カルーセル上のマウス ホバーまたはクリック イベントが検出されるとグラフィックのサイクルが一時停止します。グラフィックのサイクルは、カルーセルからマウスを離すと再開します。 |
True |
カルーセル ウィジェットは Bootstrap 4.0 のカルーセル コンポーネントをベースにしています。Bootstrap の詳細については、以下のサイトを参照してください：https://getbootstrap.com/docs/4.0/components/carousel/