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］にする必要があります。
