Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

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

 

 

OutSystems

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

  • Was this article helpful?