การปรับแต่งแอปโดยใช้ JavaScript และ CSS

記事番号:040556

คุณสามารถใช้ JavaScript และ CSS เพื่อปรับแต่งพฤติกรรมและรูปลักษณ์หน้าจอของแอปได้ การปรับแต่งสามารถตั้งค่าสำหรับพีซีและอุปกรณ์มือถือ (รวมถึงแอปมือถือ) แยกกันได้

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

Kintone Developer Program

หน้าจอที่ใช้ปรับแต่งแอพ

สำหรับข้อมูลเกี่ยวกับตำแหน่งที่ไฟล์ JavaScript และ CSS ที่นำเข้าในหน้าจอ การปรับแต่ง JavaScript และ CSS ในการตั้งค่าแอปของคุณจะถูกนำไปใช้ โปรดดูที่หน้าต่อไปนี้:
หน้าเว็บที่มีการปรับแต่งแอป Kintone

การใช้ไฟล์ JavaScript และ CSS

ส่วนนี้จะอธิบายวิธีการนำไฟล์ปรับแต่งที่สร้างด้วย JavaScript และ CSS ไปใช้กับแอป โปรดทราบว่าไฟล์ JavaScript และ CSS สามารถนำไปใช้กับ Kintone ได้โดยผู้ดูแล Kintone เท่านั้น

  1. คลิกไอคอน การตั้งค่าแอปพลิเคชัน (ไอคอนรูปเฟือง) ที่ด้านขวาบนของหน้าจอ มุมมอง
    ภาพหน้าจอ: ไอคอน "การตั้งค่าแอปพลิเคชัน" ถูกเน้น

  2. บนหน้าจอ การตั้งค่าแอป ให้เลือกแท็บ การตั้งค่าแอป จากนั้นคลิก การปรับแต่ง JavaScript และ CSS ภายใต้ การพัฒนาเสริมและการเชื่อมต่อระบบอื่น

  3. บนหน้าจอ การปรับแต่ง JavaScript และ CSS ให้เลือกหนึ่งในสามตัวเลือกต่อไปนี้เป็นขอบเขตของการปรับแต่ง

    • [すべてのユーザーに適用]
    • ใช้งานได้เฉพาะผู้ดูแลแอปพลิเคชันเท่านั้น
    • ปิดใช้งาน

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

  4. คลิก เพิ่มลิงก์ หรือ เพิ่มไฟล์ และเลือกไฟล์ที่จะนำเข้า
    หากนำเข้าไฟล์หลายไฟล์ ไฟล์เหล่านั้นจะถูกอ่านตามลำดับที่แสดง คุณสามารถเปลี่ยนลำดับไฟล์ได้โดยการลากและวางไอคอน ลากเพื่อแก้ไขลำดับ (ไอคอนลูกศรขึ้นและลง) ทางด้านซ้ายของชื่อไฟล์แต่ละไฟล์
    Screenshot: หน้าจอสำหรับเพิ่มไฟล์ปรับแต่ง

  5. คลิก บันทึก ที่ด้านขวาล่างของหน้าจอ

  6. คลิก อัพเดทแอป ที่ด้านขวาบนของหน้าจอ

  7. ในกล่องโต้ตอบ อัพเดทแอป ให้คลิก อัพเดทแอป