セカンダリコントロールバーは、最初と最後のページのボタンと、ページインジケーターがCSSで使用可能になった場合に表示される矩形の領域です。
デフォルトでは、携帯電話にのみ表示され、ビューアの下部にあります。 ビューアの幅は常にそのままです。 カラー、高さ、およびビューアのコンテナに対する垂直方向の位置は、CSSで変更できます。
セカンダリコントロールバーの外観は、以下のCSSクラスセレクターを使用して制御します。
.s7ecatalogsearchviewer .s7secondarycontrols .s7controlbar
CSSプロパティ |
説明 |
---|---|
トップ |
ビューアの上端からの位置。 |
下 |
ビューアの下端からの位置。 |
height |
メインコントロールバーの高さ。 |
background-color |
セカンダリコントロールバーの背景色。 |
例 — 高さが72ピクセルで、ビューアコンテナの下部に配置するグレーのセカンダリコントロールバーを設定します。
.s7ecatalogsearchviewer .s7secondarycontrols .s7controlbar {
bottom: 0px;
height: 72px;
}