Skip to main content

 

 

 

 
Language:

 

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

Range Slider Intervalのリファレンス

イベント

イベント名 説明 必須
OnChange ハンドラがドラッグされて値が変更されるとトリガーされるイベント。 True

戻り値

  • SelectedMinValue: Integer
  • SelectedMaxValue: Integer

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
Lesser handle .noUi-handle-lower カスタマイズのときに使用する小さいハンドルです(:beforeおよび:afterも使用します)。
Upper Handle .noUi-handle-upper カスタマイズのときに使用する上のハンドルです(:beforeおよび:afterも使用します)。
Interval .noUi-connect 間隔の色を変更するときに使用します。

高度なユースケース

間隔の色を変更する

CSSエディタで以下のCSSを記述し、yourcolorを任意の色に変更します:

.range-slider .noUi-connect {
    background: yourcolor;
}

または、CSS変数var(--color-yourcolor)を使用します。
例:

.range-slider .noUi-connect {
    background: var(--color-red);
}

ハンドラの||を削除する

1.クラス.range-slider .noUi-handle:before, .range-slider .noUi-handle:afterを作成します。

1.コンテンツをheight: 0pxに設定します。

1.アプリケーションをパブリッシュします。

  • Was this article helpful?