페이지 표시기에는 현재 페이지 인덱스 및 총 페이지 수가 표시됩니다. 데스크탑 시스템 및 태블릿의 주 제어 막대에 나타나며 휴대 전화에서는 보조 제어 막대에 추가됩니다. 페이지 표시기의 크기를 조정하고, 스킨을 지정하고, CSS로 위치를 지정할 수 있습니다.
모양 페이지 표시기는 다음 CSS 클래스 선택기로 제어합니다.
.s7ecatalogsearchviewer .s7pageindicator
CSS 속성 |
설명 |
---|---|
최상위 |
패딩을 포함한 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 위쪽 테두리에서 배치합니다. |
오른쪽 |
패딩을 포함한 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 오른쪽 테두리에서 배치합니다. |
왼쪽 |
패딩을 포함하여 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 왼쪽 테두리에서 배치합니다. |
하단 |
패딩을 포함하여 기본 컨트롤 막대(데스크탑 시스템 및 태블릿) 또는 보조 컨트롤 막대(휴대폰)의 아래쪽 테두리에서 배치합니다. |
width |
페이지 표시기의 폭입니다. |
height |
페이지 표시기의 높이입니다. |
color |
글꼴 색상. |
font-family |
글꼴 이름. |
font-size |
글꼴 크기입니다. |
예 - 기본 컨트롤 막대의 맨 아래에서 가로 가운데에 4픽셀씩 배치되어 있는 56 x 28픽셀 페이지 표시기를 설정하고 14픽셀 Helvetica® 글꼴을 사용합니다.
.s7ecatalogsearchviewer .s7pageindicator {
position:absolute;
bottom: 4px;
margin-left: -28px;
left: 50%;
width:56px;
height:28px;
font-family: Helvetica;
font-size:14px;
}