セカンダリコントロールバー

セカンダリコントロールバーは、最初と最後のページのボタンと、ページインジケーターがCSSで使用可能になった場合に表示される矩形の領域です。

デフォルトでは、携帯電話にのみ表示され、ビューアの下部にあります。 ビューアの幅は常にそのままです。 カラー、高さ、およびビューアのコンテナに対する垂直方向の位置は、CSSで変更できます。

セカンダリコントロールバーの外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7secondarycontrols .s7controlbar

CSSプロパティ

説明

トップ

ビューアの上端からの位置。

ビューアの下端からの位置。

height

メインコントロールバーの高さ。

background-color

セカンダリコントロールバーの背景色。

例 — 高さが72ピクセルで、ビューアコンテナの下部に配置するグレーのセカンダリコントロールバーを設定します。

.s7ecatalogviewer .s7secondarycontrols .s7controlbar {  
 bottom: 0px; 
 height: 72px; 
}

このページ