ถัดไป
ก่อนหน้า
3.1 Pages & dialogs
i. Popup
การจัดตำแหน่งปุ่มปิด popup
- ปุ่มอยู่ด้านขวาของ popup
Popup with close button right
Close
I have a close button at the top right
- ปุ่มอยู่ด้านซ้ายของ popup
Popup with close button left
Close
I have a close button at the top left
การขยายพื้นที่ popup content
CD ไฟล์: popup.html
Popup with padding
This is a popup with the ui-content class added to the popup container.
การกำหนดตำแหน่งแสดง popup
- แสดงกึ่งกลาง windows
Position to window
I am positioned to the window.
- แสดงทับปุ่มกด
Position to origin
I am positioned over the origin.
- แสดงด้านบนของ windows
Position to overwindows
I am positioned over the code sample via selector.
- การตั้งค่าการเปลี่ยน popup ในรูปแบบต่างๆ
No transition
I'm a simple popup.
note: สามารถกำหนดลักษณะการเปลี่ยนของ action ต่างๆได้โดยการ เปลี่่ยนที่ data-transition=""
- data-transition="none"
- data-transition="pop"
- data-transition="fade"
- data-transition="flip"
- data-transition="turn"
- data-transition="flow"
- data-transition="slide"
- data-transition="slidefade"
- data-transition="slideup"
- data-transition="slidedown"
การกำหนด Theme และการ overlay ของpopup
- Theme A
Theme A
I have data-theme="a" set on me
- ไม่ใช้ Theme และ การ overlay
- overlay และ theme A
Overlay theme A
I have a data-overlay-theme="a" set on me
- Theme E และ overlay A
Theme E + overlay A
I have data-theme="e" and data-overlay-theme="a" set on me