Facile Forms Kullanımı ve Ayarları Nasıl Yapılır

[memoc@n]

Bu anlatımımızda sizlere facileforms form bileşeninin kullanımının nasıl yapılacağını anlatacağım. Ö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

[memoc@n]

Karşımıza böyle bir alan geliyor şu anda 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.

[memoc@n]

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

[memoc@n]

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.

[memoc@n]

Ş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

[memoc@n]

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

[memoc@n]

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

[memoc@n]

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

[memoc@n]

Joomla yönetim paneli menümüze dönüyoruz



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.

[memoc@n]

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

[memoc@n]

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 basit olarak anlatımın bile ne kadar uzun ve ne kadar zor olduğunu sanırım tahmin edersiniz bu anlatımdan yola çıkarak kendinize ait formları hazırlayabilirsiniz. Bu bileşen çok detaylı ve bir çok fonksiyonu daha içermektedir bu sebeple değişik fonksiyonlara ait sorularınız geldiğinde onları da yanıtlarız kolay gelsin

[bberaa]

Bir şey soracam.Peki Bir Ürün Listesi oluşturup bu ürünlerden çoklu seçim yapmak için ne yapacağız.Hani CTRL tuşuna basılı tutup tıklamak gibi.Böyle birşey mümkün mü acaba?

[NeoGent]

7. entryde bulunan anlatımda
http://forum.joomla.org/viewtopic.php?p ... 0#p1042480

"select list" parametrelerinde multiple seçeneğini yes olarak belirliyoruz ve listenin boyutunu çoklu seçimi kolaylaştırmak için yüksek tutuyoruz.

[defall]

Güzel anlatım olmuş memoc@n abi seni nereden takip edeceğimi şaşırdım.

Sizlere bir sorum olacak söylendiği gibi bir sürü ayarı var bir çok form hazırlanabilir bu bileşenle.
Ben hayırlısıyla bir işe giriştim kayıt olan kullanıcılar kitap tasarlayacaklar kağıdın kalitesi boyutu sayfa sayısı vb.gibi bir sürü veri girilecek. Veri girişi kolay bunu yaptırıyoruz fakat kullanıcı yaptığı bir kitap projesini tekrar düzenleyebilmeli, yeni proje ekleyebilmeli.
Örnek formlardan pizzashop u kullanarak kitap özellikleri girişini ayarladım hazırladım, sonuna geldiğimde her kullanıcıya ait kullanıcı arayüzü gibi birşeye ihtiyaç duydum yukarıda saydığım sebeplerden. Sample form ları biraz karıştırdım Rock contest ve onun kayıtları düzenleme formunu gördüm ama o da sadece 1 kayıt üzerinde değişiklik yaptırıyor. Kafam allak bullak oldu php bilgim çok az. Bakarak anlamaya çalışıyorum .


Yapmak istediğim kullanıcı öncelikle joomlanın üye girişinden siteye kullanıcı girişi yapacak((daha pratik olacaksa facileden de hazırlanabilir)). Sonra kullanıcı menüden gerekli linki seçtiğinde kitap hazırlama formu görüntülenecek((pizzashop tan hazırladığım kullanılabilir heralde))
--buraya kadar yaptım sayılır--
kullanıcı bunları hazırladıktan sonra submit butonuna bastığında bana mail gelecek ama gelen mail de kullanıcının joomla kullanıcı adı da çıkmalı ki kimin gönderdiğini bileyim. Kullanıcı daha sonra formunu görebilmeli üzerinde düzenleme yapabilmeli yeni bir proje ekleyebilmeli. ((bu son saydıklarımın benzeri sample rock formunda var ama pek anlayamadım.)). Yardımcı olursunuz inşallah. İyi çalışmalar.

[bcmustu]

merhabalar..

İlk önce ders süper olmus.Her turlu form oluşturabılır ve kullanılabılır.
Benim Sorunum ise;
Bu form bileşenini kurdum çalıştırdım fakat girilen içeriği yollamasına rağmen ne inboxa nede spama geldi.Acaba bunun içinde farklı bı ayarlama gerekiyormu?

ilgilendiğiniz için şimdiden tesekkur ederım..

[memoc@n]

merhabalar..

İlk önce ders süper olmus.Her turlu form oluşturabılır ve kullanılabılır.
Benim Sorunum ise;
Bu form bileşenini kurdum çalıştırdım fakat girilen içeriği yollamasına rağmen ne inboxa nede spama geldi.Acaba bunun içinde farklı bı ayarlama gerekiyormu?

ilgilendiğiniz için şimdiden tesekkur ederım..

Kullandığınız eposta sunucusuna göre değişir bazı sunucular spam listesinde olup gönderdiği epostalar spama gidebilir dediğim gibi sunucu ile ilgili bir durumdur ve sanırım sitenize ait bir mail tanımlamışsınız

[bcmustu]

Yardım için teşekkür ederim

İyi Çalışmalar..

[haqanozcan]

font size ayaları yada karakter ayarlarını nerden yapabilirim formu oluşturdum da yardım için şimdiden teşekkür ederim..

[NeoGent]

html kodu ile ya da css style atayarak ayarlayabilirsin.

[haqanozcan]

tamam ama nereye ekleyeceğimi bilmiyorum formun icinde aktif olması icin companenti icerikte gösteren bi modulum var yani companent icerikte gösteriyor suan icerik sayfasına mı eklemeliyim

[NeoGent]

form içindeki kullanılan metinlerin font size ayarı; Text/HTML alanına (resimde 3 numara) ekliyeceğimiz html kodu ile ya da CSS clas for div (resimde 2 numara altındaki seçenek) alanına gireceğimiz değer doğrultusunda template css dosyasından düzenleyebiliyoruz.



Not: bu arada memoc@n anlatımda görüntülenmeyen bazı resimleri güncellerse memnun oluruz.

[haqanozcan]

sagolasın arkadasım koskocaman text html yazan yeri görmüyorum tşk ederim

[byfortius]

Çok güzel bir anlatım olmuş, teşekkür ederiz.

[fatihkurt76]

Umarım bu forumda yapıla biliyordur
ürünler başlığı altında bir örnek verilmişti açılır menü
bunu şöyle düşünelim iller olarak il seçildiğinde ilçelerinin çıkması için ne tür bir işlem yapmamız gerekiyor
yada bu mümkün mü

[NeoGent]

bileşenle birlikte yüklenen örneklerden "Country selection" adlı formu incelemeni öneririm.

[vezir101]

Hocam aro çokgüzel anlatmışın lakin joomla 1.5 in allerjisi var bu form bileşenine. 1.5 te istikrarlı çalışmıyor.

[memoc@n]

Hocam aro çokgüzel anlatmışın lakin joomla 1.5 in allerjisi var bu form bileşenine. 1.5 te istikrarlı çalışmıyor.

Malum günler geçtikçe yeni sürümler yeni bileşenler çıkıyor mesela artforms form bileşenini tavsiye ediyorum ben şahsen

[JXeya]

memoc@n abi , Gönder butonuna tıkladığımızda , Mesajınız Kaydedilmiştir. tarzı bir uyarı alabilirmiyiz peki

[yalanci]

Güzel paylaşım, şu foruma bide rep olayını koysalar tam olacak he

[gtr91]

güzel anlatım teşekkürler.
birde rica etsem demo halini görebilir miyiz acaba?