Skip to content

Tag: bootstrap

ปรับแต่ง Bootstrap Popover ให้ทำงานเหมือน Facebook Notification

ถ้าพิจารณา popover ของ Bootstrap เทียบกับ popover ของ Facebook ก็แทบจะไม่มีอะไรต่างนอกจาก design แต่ interaction มีจุดที่ต่างกันอยู่ interaction ของแต่ละตัวเป็นแบบนี้ครับ

Notificaiton ของ Facebook

  1. เมื่อคลิกปุ่มจะโชว์ popover
  2. เมื่อคลิกซ้ำจะปิด popover
  3. เมื่อคลิกในพื้นที่ popover popover ก็จะยังเปิดอยู่
  4. เมื่อคลิกนอกพื้นที่ popover popover จะปิด
2 Comments