Form içinde adım adım görüntülenmek istenen yapıları görselleştirmeye yarayan bir Xpoda aracıdır.
| Araç Kutusundaki Görünümü | Free Formdaki Görünümü | Responsive Formdaki Görünümü |
| |
Uyumluluk
| Free Form | Responsive Form | Mobile |
Özellikler
Type(Alan Türü): Eklenilen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez.
Name(Alan İsmi): Veri tabanında oluşacak olan alanın ismi yazılır.
Info Text (Bilgilendirme Metni): Eklenilen form aracı hakkında bilgilendirme yazılır.
Field Style; Stepper aracının hangi şekilde çalışacağının seçildiği alandır.
Default Value(Varsayılan Değer): Buraya girilen değer, Client ekranında form aracının içine varsayılan olarak gelir.
Table Length: Form aracının uzunluğunu düzenler.
Text Size(Metin Boyutu): Date alanına girilecek olan değerlerin boyutu bu alandan belirlenir.
Help Text(Yardım Metni): Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir.
Text Fonts: Yazı stili seçilir.
From Left/Top: Form aracının konumunu düzenler.
Orientation: Bu alanda Horizontal-Vertical seçenekleri vardır. Stepper’ın client ekranında yatay veya dikey şekilde görünüşü ayarlanır. (Seçim yapılmadığında default vertical seçimiyle çalışır.)
Linked Object(Bağlı Nesne): Create New Data Object aksiyonu ile oluşturulan bir nesne elemanından değer getirilmesi sağlanır. Nesne elemanı çalıştığı zaman, nesne alanına göre bilgiler doldurulur.
Linked Object Area(Bağlı Nesne Alanı): Bağlı nesne alanının içindeki alanlardan seçim yapılır.
Create New Data Object aksiyonuna gitmek için tıklayınız..
Data Text Field:
Data Value Field:
Kullanılan örnek
Free form türünde yeni bir form açalım ve formun özelliklerinden Type alanını Report olarak seçelim. Ardından sol taraftaki araçlarımızın arasında Stepper aracını forma sürükleyip bırakalım.
Bu örneğimizde Stepper aracına sabit bir değer yerine SQL sorgusu ile değer vereceğimiz için aracın özelliklerinde bulunan Field Style alanını SQL Query olarak seçelim va aşağıdaki sorguyu sorgu alanına ekleyin.
SELECT '1.Sınıf '+convert(varchar, getdate(), 105),'',1
UNION ALL
SELECT '2.Sınıf','',2
UNION ALL
SELECT '3.Sınıf','save',3
UNION ALL
SELECT '4.Sınıf','',4
Not: SQL sorgusunda 4 stepper adımı oluşturulmuştur. Bu örneğimizde SELECT '3.Sınıf','save',3 kısmında tırnak içine save yazılarak client görünümünde 3.stepper adımı kaydet ikonuyla gösterilmiştir.
Orientation alanını Horizontal olarak seçtikten sonra aracımızın formdaki görüntüsü aşağıdaki gibi olacaktır.
Formu kaydedelim ve Run butonuna basmadan önce Stepper aracının çalışması için formumuza aksiyon ekleyelim. Öncelikle aşağıdaki görselin sol tarafında bulunan kırmızı olarak işaretlenmiş alandan formumuzu (bu örneğimizde Form_1 seçilmiştir) seçelim ve sağ tarafta bulunan kırmızı alandan aksiyon sekmesine geçip Add New Action butonuna tıklayalım.
Form açıldığında tetiklenmesini istediğimiz bir aksiyon oluşturacağımız için Type of Action alanını When the Form is Opened aksiyonunu seçelim. Operation olarak Update Value seçtikten sonra Value Area alanında Stepper aracımızı seçelim. Aksiyonumuzun son halinin ekran görüntüsü aşağıdaki gibi olacaktır. Ardından aşağıdaki kaydet butonnuna tıklayp aksiyonumuzu kaydedelim.
NOT: Formu kaydetmek aksiyonu kaydetmemizi sağlamaz. Aksiyonu kaydetmek için aksiyon oluşturduğumuz alanda kaydetme işlemi yapmalıyız.
Sonrasında formumuzu kaydedip ve run butonuyla client ekranına gidelim. Client ekranındaki Stepper görünümü aşağıdaki gibi olacaktır.
Client ekranında Stepper aracında seçimi yapılan adımın UserTableID’si forma eklenen başka bir alanda gösterilebilir. Bunun için forma buton ekleyip butona eklenecek aksiyonla stepper adımı güncelleyelim.
UserTableID'sini basmak adına formumuza Text Box aracı sürükleyelim ve onu tetiklemek adına buton etkleyelim. Ardından Stepper aracını seçip aksiyon ekleyelim. Add New Action butonuna bastıktan sonra Type of Action alanını On Value Change, Operation alanını ise Update Value seçelim. Ardından Value Area olarak eklediğimiz Text Box aracını seçtikten sonra aşağıdaki SQL sorgusunu SQL Query alanına yazın.
SELECT '$PStepper_1$'
Aksiyonun son görünümü aşağıdaki gibi olacaktır.
NOT: Formu kaydetmek aksiyonu kaydetmemizi sağlamaz. Aksiyonu kaydetmek için aksiyon oluşturduğumuz alanda kaydetme işlemi yapmalıyız..
Ardından Run yapıp client ekranına gidelim. Stepper aracımızda istediğimiz adımı seçip Text Box alanına UserTableID bilgisinin geldiğini aşağıdaki görselde olduğu gibi gözlemleyelim.
Forma eklediğimiz buton ile Stepper aracını güncellemek için tekrar studioya dönelim ve buton aracına tıklayıp aksiyon ekleyelim. Type of Action alanı otomatik olarak When clicked gelecektir. Ardından Operation alanını güncelleme yapmak istediğimiz için Update Value, Value Area alanında da Stepper aracımızı seçelim. Biz örneğimizde butona basıldığında 3. adıma güncellensin istediğimiz için SQL Query alanına aşağıdaki sorguyu ekledik;
SELECT '3'
Aksiyonumuzun son görüntüsü aşağıdaki gibi olacaktır:
NOT: Formu kaydetmek aksiyonu kaydetmemizi sağlamaz. Aksiyonu kaydetmek için aksiyon oluşturduğumuz alanda kaydetme işlemi yapmalıyız.
Ardından Run yapıp client ekranına gidelim ve yeni kullanımımızı gözlemleyelim. Butona basıldığında stepper aracının 3. sınıf adımına aşağıdaki gibi güncellendiğini gözlemleyebiliriz.