เมนูนำทางแบบไดนามิกโดยใช้ตัวกรอง LuckyTemplates

ในบทช่วยสอนนี้ ฉันจะแสดงให้คุณเห็นว่าคุณสามารถสร้างเมนูการนำทางแบบไดนามิกที่ดีที่สุดโดยใช้ตัวกรองใน LuckyTemplates ได้อย่างไร สิ่งนี้จะเพิ่มประสบการณ์ผู้ใช้ภายในรายงาน LuckyTemplates ของคุณ คุณสามารถดูวิดีโอทั้งหมดของบทช่วยสอนนี้ได้ที่ด้านล่างของบล็อกนี้

คุณมีตัวเลือกมากมายใน LuckyTemplates คุณสามารถมีตัวกรองที่แสดงในเพจและเมนูการนำทางที่นำคุณไปยังเพจต่างๆ ในรายงานของคุณ คุณสามารถมีเมนูตัวกรองแบบไดนามิกที่สามารถเปิดและปิดได้เมื่อคลิกที่ปุ่มใดปุ่มหนึ่ง คุณยังสามารถสร้างเมนูตัวกรองแบบไดนามิกทั้งหมดที่สามารถเปิดได้เมื่อคลิกปุ่ม แต่สามารถปิดได้เมื่อคลิกไปรอบๆ

ฉันจะแสดงวิธีสร้างเมนูนี้และวิธีนำเทคนิคเดียวกันนี้ไปใช้ในรายงานของคุณ

สารบัญ

• วิธีเพิ่มเมนูการนำทางแบบไดนามิก
  • การสร้างปุ่มเปล่า
  • การเปลี่ยนชื่อองค์ประกอบ
  • การรักษาลำดับเลเยอร์
  • การสร้างบุ๊กมาร์กสำหรับเมนูการนำทางแบบไดนามิก
• บทสรุป

วิธีเพิ่มเมนูการนำทางแบบไดนามิก

ขั้นแรก ให้เปิด บานหน้าต่าง การเลือกและ บานหน้าต่าง บุ๊กมาร์กด้วย ด้านล่างนี้คือรายงานที่ฉันสร้างขึ้น และคุณสามารถดูได้ในบานหน้าต่างการเลือกที่ฉันได้สร้างเมนูการนำทาง เมนูการนำทางนี้ประกอบด้วยองค์ประกอบทั้งหมดภายในเมนูไดนามิก

เป็นสิ่งสำคัญมากที่คุณจะต้องจัดองค์ประกอบทั้งหมดเข้าด้วยกันและเรียงลำดับจากมากไปน้อย อย่างที่คุณเห็น ฉันมีชื่อเรื่อง ตัวกรอง รูปร่าง แล้วก็มีปุ่มปิด

การสร้างปุ่มเปล่า

ปุ่มปิดนี้จริง ๆ แล้วเป็นปุ่มเปล่า ดังนั้นเรามาสร้างกัน

เราไปที่แท็บ แทรก จากนั้นปุ่มแล้วเลือกว่าง

เป็นปุ่มเปล่าที่วางตำแหน่งแบบนี้ ครอบคลุมทั้งหน้าโดยยืดออกจนสุด จากนั้นเราก็ปิดพื้นหลัง

การเปลี่ยนชื่อองค์ประกอบ

อย่างที่คุณเห็น ทุกองค์ประกอบที่เราสร้างบนหน้าจะถูกระบุที่ด้านบนของส่วนที่เลือก ดังนั้นเราต้องดับเบิลคลิกที่มันและเปลี่ยนชื่อองค์ประกอบ . มันจะง่ายต่อการเข้าใจสิ่งที่เรากำลังดูอยู่

จากนั้นเราก็ลากลงมายังตำแหน่งที่คุณเห็นว่าจำเป็น

คุณจะเห็นว่าฉันสร้างรูปภาพขนาดเล็กที่แสดงไอคอนด้วย ซึ่งหมายความว่าตัวกรองจะถูกล้าง

การรักษาลำดับเลเยอร์

ตอนนี้เราได้ สร้างเมนูและปุ่มต่างๆ ตั้งชื่อรายการ และจัดกลุ่มตามลำดับที่ถูกต้องแล้ว เราต้องรักษาลำดับเลเยอร์ ซึ่งหมายความว่าทุกองค์ประกอบในหน้านี้จะต้องมีการรักษาลำดับเลเยอร์ นี่เป็นสิ่งสำคัญมากในการทำให้เมนูอยู่ภายใต้องค์ประกอบอื่นๆ ของเมนูเสมอ เป็นกรณีเดียวกันกับปุ่ม Blank ซึ่งจะต้องอยู่ภายใต้เมนูรูปร่างของเรา

การสร้างบุ๊กมาร์กสำหรับเมนูการนำทางแบบไดนามิก

สิ่งต่อไปที่เราต้องทำเพื่อตั้งค่าเมนูไดนามิกคือสร้างบุ๊กมาร์ก ดังนั้น เราจะสร้างบุ๊กมาร์กและเรียกมันว่าเปิดการนำทาง หากเราจะคลิกที่มัน เรามีตัวเลือกมากขึ้น และเราจะเห็นว่าเราได้เลือกข้อมูล ดิสเพลย์ หน้าปัจจุบัน และภาพทั้งหมดตามค่าเริ่มต้น เราไม่ต้องการให้เลือกตัวเลือกเหล่านี้ทั้งหมด

ตัวอย่างเช่น ถ้าเราเลือกข้อมูลไว้ และผู้ใช้ปลายทางจะเลือกฟิลด์อื่นบนหน้า สมมติว่า วันที่ทั้งหมด เมื่อเขาหรือเธอจะเปิดเมนู การเลือกจะไม่ปรากฏบนหน้าจอ เราจึงไม่ต้องการเช่นนั้น

เราไม่ต้องการให้เลือกภาพทั้งหมดเช่นกัน เราต้องการให้มีเพียงเมนูการนำทางที่เปิดอยู่ ดังนั้นเราจะคลิกที่การนำทางจากนั้นคลิกที่การนำทางเปิดแล้วเลือกภาพที่เลือก

ตอนนี้ เราต้องการดำเนินการกับปุ่มนี้ ดังนั้นปุ่มนี้ยังเป็นปุ่มว่างที่มีการดำเนินการให้ไป เช่น เปิดการนำทาง ซึ่งเป็นบุ๊กมาร์กที่เราเพิ่งสร้างขึ้น

ดังนั้นด้วยบุ๊กมาร์กนี้ หน้าจะไม่เปลี่ยนแปลงหากเราเปิดเมนู ตัวอย่างเช่น ถ้าฉันทำการเลือกในหน้า สมมติว่า 6 เดือนที่ผ่านมา ผลลัพธ์ของหน้าจะเปลี่ยนไป จากนั้น เมื่อฉันคลิกที่เมนู คุณจะเห็นว่าการเลือกทั้งหมดที่ฉันทำก่อนหน้านี้ยังคงอยู่

บุ๊กมาร์กที่สองที่เราต้องการทำคือเมนูปิด ดังนั้นขอเรียกว่าการนำทาง ปิดบุ๊กมาร์ก อีกครั้ง เราไปที่ตัวเลือก ลบข้อมูล จากนั้นเลือกภาพที่เลือก จากนั้นอัปเดต

สำหรับการดำเนินการ เราไปที่ปุ่มปิดการนำทาง แล้วเลือกปิดการนำทาง

ด้วยวิธีนี้ เราสามารถเปิดเมนูและปิดได้หากเราคลิกไปรอบๆ ถ้าเรากดเข้าไป มันจะเปิดอยู่

บทสรุป

นี่คือขั้นตอนที่คุณต้องทำเพื่อสร้างเมนูการนำทางแบบไดนามิก คุณต้องสร้างเมนูของคุณด้วยปุ่ม จัดกลุ่มเข้าด้วยกันโดยตั้งชื่อที่เหมาะสม และตรวจสอบให้แน่ใจว่าองค์ประกอบทั้งหมดได้เปิดใช้งานการรักษาลำดับชั้น

ถัดไป คุณต้องสร้างการดำเนินการสำหรับการเปิดเมนู ตัวกรองว่างบนหน้า และบุ๊กมาร์กสามรายการ

เพียงเท่านี้สำหรับวันนี้ ฉันหวังว่าคุณจะพบว่าบทช่วยสอนนี้มีประโยชน์ ฉันมั่นใจว่าการใช้ขั้นตอนง่ายๆ เหล่านี้ คุณจะสามารถสร้างเมนูประเภทเดียวกันภายในรายงาน LuckyTemplates ของคุณ ได้

ดีที่สุด!

ประสบการณ์การนำทางรายงาน LuckyTemplates คุณภาพสูง
แอปพลิเคชัน LuckyTemplates และแนวคิดการนำทางที่ยอดเยี่ยม
เจาะลึก LuckyTemplates ผ่านเทคนิคการนำทาง