Bu anlatımımızda sizlere facileforms form bileşeninin kullanımının nasıl yapılacağını anlatacağım. FacileForms bileşeni, joomla sitelerinizde her türlü form ihtiyacınızda kullanabileceğiniz bir form oluşturma bileşenidir ve bu bileşenle her türden profesyonel formları oluşturabilirsiniz. Öncelikle bu bileşenin sisteminize yüklendiğini varsayarak diğer aşamalarına geçiyorum.

Menüden ilk olarak bu yüklemiş olduğumuz bileşene tıklayalım
İlk defa yüklenmiş ise ve daha hiç çalıştırmamışsak bileşenimizi tıkladığımızda aşağıdaki gibi bir görüntü çıkacak karşımıza

İşaretli olan yeri tıklayıp ardından en alttaki “Continue” butonuna basalım ve veritabanına facileforms’un çalışabilmesi için gerekli olan tabloları otomatik yazdıralım. Ardından aşağıdaki resimde gördüğümüz gibi tekrar bileşenimize “manage forms” menüsünden girelim

Karşımıza böyle bir alan geliyor.

Yeni bir form oluşturmak için ilk adım olarak “New” menü öğesine tıklayarak işlemlerimize başlayalım.

Şimdi sırasıyla yeni form oluşturmanın bu ilk adımında yapmamız gereken işlemlere bakalım.
1. Title - Formunuza bir isim belirleyin
2. Name - Buraya yazacağınız isim örnektede görüldüğü gibi türkçe karakter içermemeli ve boşlul olmamalıdır veritabanına bu kayıt girilecek bu sebeple tr karakter ve boşluk kabul etmez etse dahi form çalışmayabilir
3. Width - Formumuzun genişliğini buradan ayarlayacaksınız istediğiniz ebatları uygn biçimde girin
4. Height - Formunuzun yükseklik ayarını belirleyin
Ardından buradaki işlemlerimiz bittiğinde en altta ok ile gösterildiği gibi “Save” butonuna basarak bu ilk adımı geçelim

Resimde görüldüğü gibi formumuz için ilk adım başarıyla tamamlandı şimdi formumuzun içeriğini hazırlamaya geldi sıra, bunun için resimde gördüğünüz yerden “Pages” yazan alanın altındaki “1″ rakamına basarak formumuza girelim.

Formumuzun içeriğini hazırlamak için “New” butonuna basalım

Önce formumuzun içeriğine ait yazıları hazırlayalım bunun için resimdeki işaretli alanı tıklayıp hemen alttaki “Continue” butonuna basalım

Üst resimde işaretlenmiş olan alanları siz kendinize uygun şekilde doldurun ve işleminiz tamamlanınca alttaki “Save” butonuna basın

Gördüğünüz gibi ilk alanımızı oluşturduk burada rakamlarla işaretlediğimiz şekilde sizlere bu bölümü nasıl kullanacağınızı açıklayalım
1No’lu alandan kutucuğu işaretleyip ardından 2 no’lu alandan yazımızı isteğimiz gibi kaydırabiliriz sağa, sola, yukarı, aşağı şekilde taşıyabiliriz “Move-Pixel” ve altındaki rakamı büyütüp küçülterek bu kaydırma işlemini kaçar pixel olarak yapabileceğimizi rakamsal olarak belirtip bu işlemi hızlandırıp yavaşlatabiliriz (taşıma) 3 No’lu alanda oluşturduğumuz içeriğimizi görmektesiniz buradaki işlemimiz bitince 4 Nolu alandan “Save” butonuna basarak burada yaptığımız işlemi kaydetmeliyiz. Şimdi diğer yazımızı da hazırlayalım ve daha sonra bunların karşısına gelecek kutucuklarıda hazırlayacağız isim alanına ait yazımızdan sonra e-posta alanına ait yazımızı hazırlayalım
Tekrar üst menümüzden “New” butonuna basarak yeni alanımızın yazısını oluşturalım

Resimdeki alanı işaretleyip “Continue” butonuna basıp ikinci yazmızı yazacağımız alana geçelim

Resimde gördüğünüz gibi eposta için gerekli alanımıza ait yazımızı adım adım örnekteki gibi yapıp “Save” butonuyla işlemimizi kaydedelim

Ad ve soyad alanına ait yazımızı oluşturduğumuz gibi eposta yazısı içinde aynı işlemleri yaparak 1 No’lu işaretli kutucuğu işaretleyip kaydırma çubukları ile gerekli şekilde kadırıp düzenleyelim ve daha sonra yine işlem bitince 4 no’lu alandan “Save” butonuna basalım aksi halde hizaladığımız bu yeni metin başka işleme geçince yine kayacaktır
Şimdi ad soyad ve eposta yazılarımızın karşısına formu dolduran kullanıcılar tarafından isimlerini ve eposta adreslerini girecekleri kutucukları oluşturacağız bunun için yine üst menüden “New” butonuna basalım
İlk kutucuğumuzu hazırlayalım

Resimdeki alanı işaretleyip “Continue” butonuna basın

Örnek resimdeki gibi alanları dolduralım ancak alttaki 3 nolu bölümde “width” değerlerini biz kendi isteğimize göre değiştirelim buradaki “columns” yazan yer kutucuğun uzunluğu “max. lenght” ise bu kutucuğa azami haç harf girilebileceğini belirler bu alanlara 25 - 25 değerleri vereceğiz biz… örneğimizde bunu görebileceksiniz

Tekrar 1no’lu alandan yeni oluşturduğumuz bu kutucuğumuzu işaretleyip yön tuşlarıyla düzgünce yönledirip “Save” butonuyla da bu işlemi kaydedelim ve örnekteki gibi görüntüyü elde etmiş olacağız. Kullanıcıların ad ve soyad gireceği alanıda oluşturduktan sonra sırasıyla bu işlemleri bir nevi tekrar edip eposta yazımızın karşısına gelecek olan eposta yazılabilecek kutucuğu oluşturalım.

“New” butonuna basalım

Resimdeki gibi seçip “Continue” butonuyla devam edelim

Bu bölüme geldiğimizde örnek resimde olduğu gibi gereken yerleri doldurup “Save” butonuyla bu işlemimizi de kaydedelim

Eposta kutucuğumuzu da diğer örneklerimizdeki gibi seçip hizalandırdıktan sonra “Save” butonuna basarak kaydediyoruz.
Şimdi bu alandan değişik bir işlem daha yapacağız, kullanıcıların eposta adresini yazmaması durumunda onlara uyarı niteliğinde bir yazı çıkmasını sağlayalım bunun için yapmamız gerekenleri görelim. 1 no’lo seçenekten (eposta_2) yazına tıklayın ve aşağıdaki resimden devam edelim

Resimde de gördüğünüz gibi üstten “Scripts” sekmesine tıkladığımızda karşımıza gelecek bölümden örnek resimdeki gibi gerekenleri yazıp (3 no’lu seçenek) seçmeniz gereken yerleri (2 ve 4 no’lu seçenekler) de seçelimve hemen alttaki “Save” butonuyla kaydedip işlemlerimize devam edelim.
Buraya kadar olan bölümde ad soyad yazı ve kutucuğu, eposta yazı ve kutucuğu ve buna bağlı olarak eposta alanının boş bırakılması durumunda kullanıcılara gösterilecek “Lütfen geçerli bir mail adresi girin” ibaresini hazırladık böylelikle bir kaç fonksiyonu öğrenmiş olduk. Bundan sonra ise yapacağımız işlem formumuz için açılabilir bir menü şeklinde seçim kutucuğu ve karşısına gelecek yazısının nasıl oluşturacağımıza bakalım

Tekrar formumuzun içindeki hemen üst bölümdeki menü öğesi olan “New” butonuna basalım

Bu bölümden de resimdeki gibi seçimi yapıp “Continue” butonuyla devam edelim

Biz bu örneğimizde “ürünler” isminde bir text yazıp karşısınada açılır kutucukta belli başlı ürünler girip bunlardan herhangi birinin seçilebilmesine olanak tanımak istiyoruz siz bu örneğimizden yola çıkarak istediğiniz gibi düzenleme yapabilirsiniz. “Save” butonuyla bu işlemimizi kaydedelim.

Artık burada ne gibi bir işlem yapacağımızı biliyoruz gerekli şekilde hizalama işlemini yaptıktan sonra “Save” butonuna basıp bu işlemimizi kaydediyoruz. Ürünlerimiz metni bitti şimdi bunun karşısına açılır menü şeklinde ürünleri liste halinde gösterebileceğimiz açılır kutucuğumuzu yapalım.

Yine üst menüden “New” butonuyla formumuza yeni bir alan oluşturmak için gerekli bölüme gidelim

Resimdeki görüldüğü gibi öğeyi seçip “continue” butonuyla devam edelim

1 ve 2 no’lu alanlara aynı şekilde sizler kendinize göre isim vererek 3 no’lu alandan da örnekteki gibi listemizde yer alacak öğeleri girebilirsiniz. Bu işlem bittikten sonra “Save” butonuyla işlemi kaydedip devam edelim

Yine 1 no’lu alandan liste_2 seçildikten sonra 3 no’lu bölümden yön tuşlarıyla bu açılır kutucuğumuzu (4 no) düzenleyip 2 no’lu “Save” butonuyla yönlendirerek gerekli şekilde düzemlediğimiz öğemizi de kaydederek bu işlemimizi de bitirmiş olalım. Böylelikle bir kaç fomksiyonla beraber bu şekilde bir formun nasıl hazırlandığını öğrenmiş olduk. Bundan sonrasında ise formumuzu dolduran kullanıcılarımızın bu formu gönderebilmesi için “Gönder” butonunu eklemeyi göreceğiz.

Üst menüden yine “New” butonuna basarak devam edelim

Resimde seçili alanı seçip “Continue” butonuyla devam edelim

Resimde gördüğümüz alanları yine görülen şekilde yazıp hemen üstteki “Scripts” sekmesine tıklayalım ve orada da yapılacak küçük bir işlemimiz var onu da halledelim

Resimde gördüğünüz alanları gerektiği gibi seçelim ve ardındanda “Save” butonuyla kaydedelim

Bu bölümü artık anlatmamıza gerek yok gerektiği gibi hizalandırıp “Save” butonuna basmayı unutmayalım yeterlidir. Böylelikle formumuz neredeyse bitti “Gönder” butonumuzu da yerleştirdik formumuza, fakat şimdiki aşamaya bıraktığım ve yapmamız gereken en önemli husus facile forms için gereken ayarların yapılması. Bu formu doldurup gönder dediklerinde nereye gidecek form? İşte bu aşamadan sonra bunu nasıl ayarlayacağımıza bakacağız

Resimdeki gibi ayarların olduğu bölüme gitmek için “Configuration” menüsünü tıklıyoruz

Burada tek yapmamız gereken seçili ve işaretli olan alana formumuzun yada varsa bir kaç tane formun hangi adrese (eposta) gönderileceğini belirliyoruz ve bu alana bu eposta adresimizi yazıp hemen alttaki “Save” butonuna basarak bu işlemi de bitiyoruz.
Böylelikle basit bir formun nasıl oluşturulup ayarlanacağını görmüş olduk, artık son aşama olan bu hazırlanan formumuza menüden nasıl link vereceğimizi göreceğiz.

Yine joomla yönetim panelimizden üst menüdeki Menü=mainmenu sekmelerini tıklayalım, biz formumuza ana menüden link vereceğiz siz dilediğiniz menüden link verebilirsiniz.

Ana menümüz ve öğelerine ait bölümdeyiz hemen üst taraftaki menüden “Yeni” butonuna basıp yeni menü öğemizi oluşturmaya başlayalım

Resimdeki gibi menü çeşidini “Bileşen” olarak seçip üst taraftan “İleri” butonuyla devam edelim

1 no’lu bölümden formumuza isim verip 2 no’lu bölümden de facileforms bileşenini seçiyoruz ve üst menüden de “Kaydet” butonuyla form için menüden link verme işleminin bu aşamasını geçiyoruz

Resimde gördüğünüz gibi formumuz için oluşturduğumuz “Form” isimli linkimiz hazır şimdi buna tekrar tıklıyor ve yeni oluşturduğumuz menümüzün içine tekrar giriyoruz.

Burada yapmamız gereken tek şey hemen sağ tarafta işaretlenmiş olan “Form Name” kısmına facileforms bileşeninden oluşturduğumuz formumuza verdiğimiz ismi tam olarak girmelisiniz aksi halde form linki ve dolayısıyla formumuz çalışmaz bunun için formunuza verdiğiniz ismi tam olarak yazmalısınız unuttuysanız facile forms bileşenine “Manage Forms” linkinden tekrar girip bu ismin tam yazılışına bakabilirsiniz.
Örneğimizde olduğu gibi “Name” kısmından biz formumuzun adının “ornek_form” olduğunu görüyoruz işte o kısma bu adı yazıp menü öğemizi “Kaydet” butonuyla kaydedebiliriz

Evet, formumuzu oluşturduk menüden linkini verdik menü öğesine formumuzun tam adını yazdık ve işlem bitti şimdi joomla ana sayfamıza dönüp formumuza ait linki tıklayıp formumuza bakabiliriz. Örneğimizde “Form” isimli menü öğemize tıkladık

Ve formumuz hazır, biz sizlere basit yoldan bir form hazırlamaya dair mantığı anlatmak adına bu dersimizi hazırladık sizler istediğiniz tarzda formları artık oluşturabilirsiniz.
Alıntıdır…. Kaynak : joomladersleri.com






































