perForms Component (Joomla 1.0)

Last Updated on Saturday, 04 September 2010 21:54 Written by Zack Tuesday, 18 November 2008 15:41

ဒီ POST မွာ picture ေတြ အမ်ားၾကည့္ သုံးထားတဲ့့ အတြက္ Loading နဲနဲၾကာ ပါလိမ့္မယ္။ ေလ့လာခ်င္တဲ့သူေတြ လြယ္ကူေစဖို႔ picture ေတြအမ်ားၾကီး သုံးထားတာျဖစ္ပါတယ္။

 

ဒီ component ေလးကေတာ့ web page ေပၚမွာ Form တစ္ခု Create လုပ္မယ္ဆိုရင္ အလြန္အသံုး၀င္ပါတယ္။ ကၽြန္ေတာ္တုိ

့Microsoft .Net Frameworkမွာ Toolbox ထဲက Textbox, Label, Button ေတြကို Drag and Drop နဲ ့ Design Time မွာ မိမိရဲ ့

Form ကို setting ခ်တဲ့ ပံုစံနဲ ့သေဘာအတူတူပဲျဖစ္ပါတယ္။

ကိုယ့္ရဲ ့web site ထဲမွာ HTML Form ကို သံုးဖို ့လိုလာျပီဆိုရင္ေတာ့ ဒီ component ေလးကို သံုးမယ္ဆိုရင္ အဆင္ေျပပါတယ္။

ကၽြန္ေတာ္အျမင္ ေျပာရမယ္ဆိုရင္ေတာ့ ကိုယ့္ရဲ ့web site ထဲမွာ Feedback လိုမ်ိဳးဟာေတြသံုးခ်င္တယ္ဆိုရင္ေတာ့ ဒီ component ေလးက

သံုးသင့္တယ္ထင္ပါတယ္။ ဘာျဖစ္လို ့လဲဆိုရင္ေတာ့ User က Submit ကို click လုပ္မယ္ဆိုရင္ receive email ထဲကို Form ထဲက Data

ေတြ Send ေပးမွာျဖစ္ပါတယ္။ ဒီ receive လုပ္မယ့္ email ကို admin site ထဲမွာ setting ခ်ေပးလုိ ့ရပါတယ္။ ဒီ component

ေလးရဲ ့Name ကေတာ့ com_performs ျဖစ္ပါတယ္ဗ်ာ။ ဒီမွာ Download လုပ္လို ့ရပါတယ္။ ျပီးရင္ေတာ့ admin site ထဲကေနျပီး

component ေလးကို Install လုပ္လို ့ရပါတယ္။ Component Installation ကို ဒီမွာ ျပန္ဖတ္လို ့ရပါတယ္။

1) Components->perForms ကိုသြားလိုက္ပါ။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2) ပုံမွာ ျပထားတဲ့အတိုင္း New ကို Click ျပီး Form အသစ္တစ္ခုကို Create လုပ္လိုက္ပါ။

 

 

 

 

 

 

3) Form Create လုပ္တဲ့ ေနရာမွာ သတိထားရမယ့္ ေနရာေတြကို ပုံထဲမွာ ၾကည့္ႏိုင္ပါတယ္။ ကြင္းဝိုင္းျပ ထားပါတယ္။

ေအာက္က ပုံေလးကေတာ့ Form Submit လုပ္ရင္ Redirect လုပ္မယ့္ Page ကို setting လုပ္ေပးတာ ျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4) Save ကို Click လိုက္ပါ။

 

 

 

 

 

 

5) Form ရဲ႔ element ေတြကို ထည့္ခ်င္တယ္ ဆိုရင္ေတာ့ အခု list မွာ Form's check box ကို select လုပ္ျပီး "Item" button ကို Click လိုက္ပါ။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6) အထဲကို ေရာက္ျပီး ဆိုရင္ေတာ့ "New Item" ကို Click လိုက္ပါ။

 

 

 

 

 

 

7) ကြၽန္ေတာ္ sample အရဆိုရင္ Feedback Form လုပ္မွာျဖစ္တဲ့ အတြက္ Subject ဆိုတဲ့ textbox ကိုအရင္ Create လုပ္ပါမယ္။ ပုံမွာ ျပထားတဲ့ အတိုင္း Type ေနရာမွာ Text ကို ေရြးရပါမယ္။ ကိုယ္ create လုပ္ခ်င္တဲ့ control ေပၚမွာ မူတည္ျပီး Type ကိုေရြး ရမွာ ျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ညာဘက္ အျခမ္းမွာ Tab ၃ ခု ရွိပါတယ္။

ဒါကေတာ့ Display Tab ျဖစ္ပါတယ္။ ကိုယ္ create လုပ္တဲ့ element က blank ကို လက္မခံ ဘူးဆိုရင္ေတာ့ Required ဆိုတဲ့ ေနရာမွာ "Yes" ကိုေပးရပါမယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ဒါကေတာ့ Value Tab ျဖစ္ပါတယ္။ တကယ္လို႔ radio button ဟာမ်ိဳး လုပ္မယ္ ဆိုရင္ေတာ့ ဒီ Tab မွာ လိုအပ္တဲ့ value ေတြကို

ထည့္ေပးရ ပါမယ္။ radio button လုပ္တဲ့ အခါ ေတြ႔ပါလိမ့္မယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ဒါကေတာ့ Format Tab ျဖစ္ပါတယ္။ user က input လုပ္တဲ့ data ေတြကို ျပန္ျပတဲ့ ေနရာမွာ ဘယ္လို Format နဲ႔ ျပမယ္ ဆိုတာကို

Setting ခ်ေပးတဲ့ Tab ျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

အားလုံး ျပီးရင္ေတာ့ save button ကို click လိုက္ပါ။

8) ေနာက္ element တခုက textarea ကို create လုပ္မွာ ျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ဒါကေတာ့ textarea ဆိုရင္ row နဲ႔ cols ကို ထည့္ေပး ရပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

9) ေနာက္ဆုံး တစ္ခုကေတာ့ Radio button ကို create လုပ္မွာ ျဖစ္ပါတယ္။ ပုံမွာ ျပထားတဲ့ အတိုင္း Type ကို Radio ေရြးေပး ျပီး value tab မွာ radio button မွာျပ ခ်င္တဲ့ data ေတြကို setting ခ်ေပးလို႔ ရပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10) အားလုံးျပီးသြားလို႔ ျပန္ၾကည့္ခ်င္တယ္ ဆိုရင္ေတာ့ Preview ကို Click လိုက္ပါ။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ok တယ္ဆိုရင္ေတာ့ Close ကို click လိုက္ပါ။

11) Form ကို Submit လုပ္ရင္ email send ခ်င္တယ္ ဆိုရင္ေတာ့ ေအာက္မွာ ျပထားတဲ့ အတိုင္း setting ခ်ေပးလို႔ ရပါတယ္။

Form Name ကို click လုပ္ျပီး E-Mails Tab ထဲမွာ ေအာက္မွာ ျပထားတဲ့ အတိုင္း ထည့္ေပးရပါမယ္။

 

 

 

 

 

 

 

 

 

 

12) User Submit လုပ္တဲ့ Data ေတြကို table ထဲမွာ သိမ္းခ်င္တယ္ ဆိုရင္ေတာ့ Form Name က check box ကို select လုပ္ျပီး

"Data" button ကို Click လုပ္လိုက္ပါ။

 

 

 

 

 

ျပီးရင္ "Binding" button ကို click လိုက္ပါ။

 

 

 

 

 

Store လုပ္ခ်င္တဲ့ table name ကို ေပးရ မွာ ျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

ျပီးရင္ေတာ့ "Save" ကို Click လိုက္ပါ။ ေအာက္မွာ ျပထားတဲ့ အတိုင္း Form ကေနျပီး pass လုပ္လိုက္တဲ့ data ေတြအားလုံးကို store လုပ္မယ့္ table ကိုျမင္ရပါလိမ့္မယ္။

 

 

 

 

 

 

 

 

 

 

 

 

ကိုယ္ Create လုပ္ထားတဲ့ Form ကို Front-End ကေနဘယ္လို ျပန္ေခၚတယ္ဆိုတာ ဆက္ေျပာပါမယ္။

13) create လုပ္ ထားတဲ့ Form ကိုျပန္ေခၚဖို႔ Menu တခုကို လုပ္ေပးရပါမယ္။

Menu->ကိုယ္လုပ္ခ်င္တဲ့ Menu ကို Click လိုက္ပါ။ျပီရင္ Menu Items ေတြကို ျမင္ရပါလိမ့္မယ္။ "New" ကို Click လိုက္ပါ။ ခုျမင္ေနရတဲ့

Page မွာ Menu Type ကို "Link-Url" ကို Click လိုက္ပါ။

 

 

 

 

 

 

 

 

 

 

 

14) ဒီ Page မွာ သတိထားရမွာ ကေတာ့ link ဆိုတဲ့ ေနရာျဖစ္ပါတယ္။

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ကြၽန္ေတာ္တို႔ Form create လုပ္ျပီး ခ်ိန္မွာ ရလာတဲ့ link ကိုထည့္ ေပးရမွာ ျဖစ္ပါတယ္။

Parent item: ကေတာ့ ဘယ္ Menu ေအာက္မွာ ထည့္ခ်င္ တယ္ဆိုတာကို ေျပာတာ ျဖစ္ပါတယ္။

Access Level: ကေတာ့ ကိုယ္ရဲ႕ requirement အတိုင္း သင့္ေတာ္သလို ေပးေပါ့။

အားလုံးျပီး ရင္ေတာ့ "Save" လုပ္လိုက္ပါ။

15) ျပီးရင္ေတာ့ Front-End ကေနျပီး ကိုယ္ create လုပ္ထားတဲ့ Form ကို သြားေခၚၾကည့္လို႔ ရပါတယ္။

ဒါကေတာ့ com_perForms အေၾကာင္းေလး ျပီးပါျပီ။ ကြၽန္ေတာ္ေရးတာ မရွင္းရင္ ျပန္ေမးလို႔ ရပါတယ္။

 

 

 

< Prev		Next >