Carouselのリファレンス
レイアウトおよびクラス
高度な設定
以下にウィジェットの高度なユースケースをいくつか示します。
矢印をカルーセルの外に配置する
矢印をカルーセルの外に配置するには、PaddingおよびMargin入力パラメータを変更します。この動作を実現するには、両方のパラメータを同じ値にする必要があります。パディングによってカルーセルの表示域の周囲にスペースができ、マージンによって要素が離れた位置に配置されるため、要素がカルーセル内に隠れます。
点のスタイルをカスタマイズする
カスタムCSSを使用して、カルーセルの点のスタイルを変更することができます。以下は、実行方法の2つの例です。アプリケーションで使用するには、CSSをコピーしてテーマ内に配置します。
例1:
.carousel .tns-nav > [aria-controls] { width: 16px; height: 2px; border-radius: 0; }
例2:
.carousel .tns-nav > [aria-controls] { width: 12px; height: 6px; border-radius: 4px; }
注記
ListRecordsのLine Separatorは[None]にする必要があります。