20101031 joomla-ck form
DESCRIPTION
ออกแบบฟอร์มของ Joomla ด้วย CK FormTRANSCRIPT
ออกแบบฟอรมของ Joomla ดวย CK Form
บุญเลิศ อรุณพิบูลยhttp://facebook.com/boonlert.aroonpiboon
ดาวนโหลด CK FORMhttp://ckforms.cookex.eu/download/download.php
ติดตั้ง CK Form• Joomla Administrator, Extensions, Install/Uninstall
• เลือกไฟล com_ckforms_b1.zip
สราง Form• Components, CK Forms, New
Name : ระบุชื่อฟอรมเปนภาษาอังกฤษ หามเวนวรรค หามใชอักขระพิเศษ เชน
Form01
Title : ระบุชื่อแบบฟอรม หรือโครงการ เชน ฟอรมลงทะเบียนงานสัมมนาเรื่อง
....
Description : เพิ่มรายละเอียดเกี่ยวกับฟอรม หรือโครงการ หรือ กิจกรรม
เมื่อระบุแลว ใหคลิกปุม Save กอนครับ
ผลเมื่อ Save
กําหนดรายละเอียดการสรางฟอรม
• คลิกที่ชื่อฟอรมเพื่อเขาไปแกไข
• คลิกแท็บ Result แลวเลือกรายการ Save result เปน Yes เพื่อใหมีการบันทึกผลจากการปอนฟอรม
กําหนดรายละเอียดการสรางฟอรม
• คลิกแท็บ E-Mail เพื่อกําหนดคาเกี่ยวกับการสงอีเมลมแจงเมื่อมกีารปอนแบบฟอรม
กําหนดรายละเอียดการสรางฟอรม
• คลิกแท็บ Advanced เพื่อกําหนดคาเกี่ยวกับการใช Captcha การระบุโฟลเดอรในการเก็บไฟล
กําหนดรายละเอียดการสรางฟอรม
• คลิกแท็บ Frontend display เพื่อกําหนดคาเกี่ยวกับการแสดงผลรายละเอียดหนาเว็บ
สรางฟลดขอมูล• เมื่อกําหนดรายละเอียดตางๆ ของฟอรม ขัน้ถัดไปจะ
เปนการสรางฟลด (Field) เพื่อใหผูใชปอนขอมูล
• คลิกปุม Fields
ตัวอยางฟอรม
จอภาพการจัดการฟลด
• คลิกปุม New เพื่อสรางฟลดแตละฟลด
ฟลดคํานําหนา
ฟลดชื่อ
ปุมสงขอมูล
ฟลดที่ออกแบบไว
สรางเมนูแสดงผล Form• Menus, Main Menu, New, CK Forms, Standard
CKForms CSS Layout
หนาตาฟอรม
ตรวจสอบขอมูลที่ปอนผาน Form
• Components, CK Forms
• คลิก Display data ในรายการฟอรมที่ตองการ
ตรวจสอบขอมูลที่ปอนผาน Form