XPages คือ เป็น Design Element ใหม่ที่มีมาใน Domino Designer โดยมีการเก็บข้อมูลในลักษณะของ XML ที่มีการแปลงข้อมูลโดย Domino Server หรือ Notes Client โดยสามารถแสดงผลในเว็บเบราว์เซอร์ หรือ Notes Client คุณสามารถโต้ตอบด้วย คอนโทรลบนเพจเพื่อส่งคำร้องขอไปยังเซิร์ฟเวอร์
Domino Designer มี อินเทอร์เฟสผู้ใช้ (UI) ที่มีการนำทาง เอดิเตอร์ XPages Pallete คอนโทรล แท็บคุณสมบัติ แท็บเหตุการณ์ และโปรแกรมอื่นๆ ต่อไปนี้ แสดงวิธีที่เพจถูกสร้างขึ้นโดยโค้ด XML ก่อนหน้าที่ปรากฏใน โหมดออกแบบของ Domino Designer:
ผู้ใช้สามารถใช้เมนูหรือลากและปล่อยเพื่อจัดการกับคอนโทรล และข้อความในเอดิเตอร์ ผู้ใช้ยังสามารถใช้แท็บต่างๆ เพื่อตั้งค่าสำหรับคุณสมบัติและเหตุการณ์ โปรดสังเกตว่า ผู้ใช้สามารถใช้แท็บ แหล่งที่มา เพื่อแก้ไข XML โดยตรง ผู้ใช้ใช้คุณสมบัติ XPage เพื่อระบุฟอร์ม Domino และมุมมอง Domino เป็นแหล่งข้อมูล และใช้คุณสมบัติคอนโทรล เพื่อเชื่อมโยงคอนโทรลกับฟิลด์บนแหล่งข้อมูล
คอนโทรลแบบคอร์ประกอบด้วย:
คอนโทรลสำหรับการรับอินพุต - กล่องแก้ไข, Rich Text, กล่องแก้ไขแบบหลายบรรทัด, กล่องรายการ, คอมโบบ็อกซ์, เช็กบ็อกซ์, ปุ่มแบบเรดิโอ, กลุ่มเช็กบ็อกซ์, กลุ่มปุ่มแบบเรดิโอ, ตัวเลือกวันที่ เวลา
คอนโทรลสำหรับการดำเนินการกับแอ็คชัน - ปุ่ม, อัพโหลดไฟล์, ดาวน์โหลดไฟล์
คอนโทรลสำหรับการแสดง - ลิงก์, เลเบล, ฟิลด์ที่คำนวณแล้ว, อิมเมจ, ข้อผิดพลาดแสดง, ข้อผิดพลาดแสดง, เพจเจอร์
คอนโทรลแบบกำหนดเอง - พื้นที่ที่สามารถแก้ไขได้
คอนโทรลคอนเทนเนอร์ประกอบด้วยสิ่งต่อไปนี้:
พาเนล - สร้างสี่เหลี่ยมบนเพจสำหรับการสอดแทรกของ คอนโทรลอื่นๆ
ทำซ้ำ - ทำซ้ำจำนวนครั้งของตัวแปรของคอนโทรล
เพจ Include - ทำงานร่วมกันกับ XPage อื่น
ตาราง - สร้างตารางด้วยจำนวนคงที่ของคอลัมน์และแถว
มุมมอง - ทำงานร่วมกันกับมุมมอง Domino
ตารางข้อมูล - สร้างตารางที่มีแถวกลางพร้อมใช้งานใน จำนวนและโยงกับคอลเล็กชันข้อมูล
พาเนลที่แท็บ - สร้างชุดของพาเนลการซ้อนทับแต่ละครั้งที่เข้าถึง โดยคลิกที่แท็บ
ส่วน - สร้างพาเนลที่สามารถยุบได้
อินเตอร์เฟสโปรแกรมมิงคือ JavaScript ที่รันทั้งบนเซิร์ฟเวอร์ และไคลเอนต์:
ไคลเอนต์ JavaScript พ่วงต่อกับเหตุการณ์ เช่น onclick, onblur, และ onfocus สคริปต์เหล่านี้จะรันบนเว็บเบราว์เซอร์ หรือไคลเอนต์ Notes ก่อน จะส่งคำขอไปยังเซิร์ฟเวอร์ และใช้ Web Document Object Model (DOM) คุณอาจสร้างสคริปต์, ตัวอย่างเช่น ตรวจสอบว่า กล่องอินพุตมีเนื้อหาหรือยืนยันการดำเนินการกับเซิร์ฟเวอร์ ที่ถอนข้อมูล
เซิร์ฟเวอร์ JavaScript ยังพ่วงต่อกับเหตุการณ์, แต่เริ่มต้นหลังจากที่คำร้องขอส่งผ่านไปยังเซิร์ฟเวอร์ นอกจากนี้, เซิร์ฟเวอร์ JavaScript สามารถใช้เพื่อคำนวณค่าคอนโทรล, การโยงข้อมูล, และคุณสมบัติ เซิร์ฟเวอร์ JavaScript มีการเข้าถึง ชุดของไลบรารีที่ขยายเพิ่ม, ซึ่งรวมถึงหนึ่งออบเจ็กต์ Domino เหล่านี้คือออบเจ็กต์ Domino เดียวกันที่สามารถเข้าถึงได้ ผ่าน LotusScript และ Java ออบเจ็กต์จะเข้าถึงหน่วยเก็บข้อมูล Domino และจัดการสภาพแวดล้อม Domino และที่พร้อมใช้งานในคอนเท็กซ์บางส่วนคือแอ็คชันพื้นฐานและ Expression Language (EL)
ออบเจ็กต์โกลบอลจัดเตรียมกลไกการสร้างสำหรับออบเจ็กต์แบบคอร์ ตัวอย่างเช่น, session คือออบเจ็กต์ NotesSession สำหรับเซสชันปัจจุบัน, database คือออบเจ็กต์ NotesDatabase สำหรับแอ็พพลิเคชันปัจจุบัน, และ context คือออบเจ็กต์ XSPContext สำหรับคอนเท็กซ์ที่ JavaScript กำลังทำงาน ตัวแปร ที่กำหดขอบเขตไว้จัดเตรียมกลไกพื้นฐานสำหรับการแบ่งใช้ค่าระหว่างคอนโทรล, เพจ, และเซสชัน

XPages Extension Library เป็นเครื่องมือที่ทรงพลังในการช่วยการพัฒนาโปรแกรมให้ง่ายขึ้นมาก ๆ โดยตัวหน้าจอหลักหรือ User Interface (UI) จะมีมาให้ค่อนข้างสมบรูณ์ครบถ้วน ทำให้นักพัฒนาแทบไม่จำเป็นต้องไปหาโปรแกรมหรือโค้ดอื่น ๆ จากภายนอกมาใช้งานกับระบบถ้าการพัฒนานั้นเป็นแอปพลิเคชันที่เป็นแอปพลิเคชันทางธุรกิจ Extension Library ก็มีส่วนต่าง ๆ มาให้ครบถ้วนเลยทีเดียว เราสามารถดาวน์โหลดได้ฟรีจากโปรเจคในเว็บของ openNTF: http://extlib.openntf.org ได้ ที่มาของ Extension Libryry มาจาก IBM ได้จัดทำขึ้นเพื่อต่อยอดกับ Notes/Domino Template Database ซึ่งภายใน Extension Library มันจะประกอบไปด้วย Control ต่าง ๆ มากมายให้เราสามารถใช้งานได้ เช่น
- Application layout ไว้สำหรับการวางองค์ประกอบของหน้าเว็บหรือแบ่งหน้าจอของ Application ออกมาเป็นส่วน ๆ เช่น Header, Footer, Menu, Outline etc
- UI components เช่น dialog, in context form เป็นส่วนต่าง ๆ ของหน้าจอฟอร์มกรอกข้อมูล วิวแสดงผลต่าง ๆ
- A set of data pickers (value and name pickers) ไว้สำหรับเป็นปุ่มหรือลิสรายการให้เลือกค่า Keyword ต่าง ๆ - อื่น ๆ อีกมากมาย