wijslider ウィジェットは Web ページ上で水平または垂直方向に表示できます。 このトピックでは、wijslider ウィジェットの水平方向の向き(デフォルト)を変更する手順について説明します。 Web サイト(
http://demo.componentone.com/ASPNET/MVCExplorer/slider/Overview)にアクセスし、MVC コントロールエクスプローラの Slider > Orientation サンプルのライブデモをご覧ください。
- Layout.cshtml ファイルで、ウィジェットの初期化に使用したスクリプトを探します。
- スクリプトにある orientation オプションを探します。 "horizontal" に設定されているはずです。 このオプションを "vertical" に変更します。
- 前に追加した CSS スタイルを探します。 "width" オプションを "height" に変更します。
- プログラムを実行します。 スライダは、次の図のようになります。
関連トピック