머리말 버튼 1개

Next

1. 머리말 영역에 버튼 1개만 추가하면, 제목의 왼쪽에 버튼이 배치됩니다.

2. 꼬리말을 하단에 고정시킬 수 있습니다. data-position="fixed"

Index

머리말 영역 실험 1

머리말 버튼 1개, 버튼 아이콘

Next

1. 버튼에 아이콘을 출력합니다. data-icon="arrow-r"

2. 각 페이지 영역에 제목을 붙일 수 있습니다. data-title="화면제목"

머리말 영역 실험 2

머리말 / 버튼 테마

Next

1. 각 객체에 서로다른 테마를 적용할 수 있습니다. data-theme="a|b|c|d|e|..."

2. 이 화면은 머리말영역에 테마 "a"스타일을 적용하고, 버튼에 테마 "e" 스타일을 적용했습니다.

머리말 영역 실험 3

머리말 버튼 1개 오른쪽 배치

Next

1. 머리말에 한개의 버튼을 오른쪽으로 배치하려면, class="ui-btn-right"

2. 이 화면은 머리말영역에 테마 "b" 스타일을 적용하고 있습니다.

머리말 영역 실험 4

Home

머리말 양쪽 버튼 / 버튼 아이콘만

Next

1. 머리말에 두개의 버튼을 작성하면 자동으로 양쪽배치됩니다.

2. 버튼에 아이콘만 출력하려면, data-iconpos="notext"

3. 이 화면은 머리말영역에 테마 "c" 스타일을 적용하고 있습니다.

머리말 영역 실험 5

Back

백버튼 링크

Next

1. 백버튼에 링크처리는 href="#" data-rel="back" data-direction="reverse"

2. 버튼에 아이콘만 출력하려면, data-iconpos="notext"

3. 이 화면은 머리말영역에 테마 "d" 스타일을 적용하고 있습니다.

머리말 영역 실험 6

Back

머리말 네비게이션 바

Home

1. 머리말 영역에 네비게이션 바와 같은 각종 객체를 자유롭게 추가할 수도 있습니다.

2. 이 화면은 머리말영역에 테마 "e" 스타일을 적용하고 있습니다.

머리말 영역 실험 7