Label
最終更新
最終更新
本来のLabelの多くは、HTMLのフォーム要素を説明するために使われます。例えば、主に <input> や <select> などの入力欄に対してキャプションを付ける役割です。
Dashcombが提供しているInputやSelectなどのコンポーネントは通常のLabelを内蔵しているため、これらのコンポーネントのためにLabel コンポーネントを追加する必要がありません。Label コンポーネントはこれらの機能をベースにしつつ、複数の要素の説明、画面の注意書きやエリアのコメントなどとしても、より自由に使えるラベルとなっています。
Labelコンポーネントには、以下のプロパティが含まれています。
ラベルオブジェクトの変数名です。Labelコンポーネントをドラッグ＆ドロップすると、そのオブジェクトが自動的に label1、label2... と名付けられます。
ここで設定した変数名は、構文 {{オブジェクト名.プロパティ}} でオブジェクトを参照するために利用できます。
（例）{{label1.hidden}} で label1 の表示状態の真偽値を取得することができます。
トグルスイッチをONにすると、ラベルが非表示になります。
現在の設定値は、{{オブジェクト名.readonly}} で参照できます。
トグルスイッチをONにすると、ラベルが無効になり、入力できなくなります。
通常のhtmlのlabel要素のdisabled属性に該当します。
現在の設定値は、{{オブジェクト名.disabled}} で参照できます。
ラベルに表示するテキストです。Label コンポーネントをドラッグ＆ドロップすると、自動的に Label に設定されます。
Label を任意の文字列に入れ替えることはもちろん、構文 {{オブジェクト名.プロパティ}} を入れることにより、動的に設定することができます。
ラベルテキストの表示サイズを選択します。S、M、L の3つから選択できます。
トグルスイッチをONにすると、ラベルテキストを太字で表示します。
トグルスイッチをONにすると、ラベルテキストを斜体で表示します。
ラベルテキストの行内の表示位置を設定できます。右寄せ、左寄せ、中央揃え の3つから選択できます。
利用できるオブジェクトとプロパティは、 で確認できます。
{{}} 構文については、 のページを参照してください。
