ออกแบบฟอรมของ 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