Skip to main content

 

 

 

 
Language:

 

 
従来のWebアプリにのみ適用されます
 
 
OutSystems

Toggle Buttonのリファレンス

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
.toggle-button .toggle-button-checked Boolean型変数がTrueの場合にトグルボタンのスタイルを設定するクラスセレクタです
.toggle-button .toggle-button-disabled 無効の場合にトグルボタンのスタイルを設定するクラスセレクタです
.toggle-button .toggle-button:after トグルボタンの円形のスタイルを設定する疑似要素セレクタです

高度なユースケース

Toggle Buttonパターンを無効にする

1.Toggle Buttonパターンをプレビューにドラッグします。

1.チェックボックスにBoolean型の変数を設定します。

![](<images/togglebutton-1-ss.png>)

1.チェックボックスで、Enabledパラメータを[False]に設定します。

![](<images/togglebutton-4-ss.png>)

1.パブリッシュしてテストします。

![](<images/togglebutton-5-ss.png>)
  • Was this article helpful?