Xpoda’da yapılmış raporların bir dashboard içinde toplanıp gösterilmesini sağlar. Bu component raporlama dashboard kullanımına daha uygundur.
| Araç Kutusundaki Görünümü | Free Formdaki Görünümü | Responsive Formdaki Görünümü |
| |
Uyumluluk
| Free Form | Responsive Form | Mobile |
Özellikleri
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.
Rows Height(Satır Yüksekliği): Form aracındaki satırların yüksekliğini belirler.
Column Width (Sütun Genişliği): Form aracındaki sütunların genişliğini belirler.
Help Text(Yardım Metni): Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir.
Height / Width (Yükseklik / Genişlik): Form aracının yüksekliğini ve genişliğini düzenler.
From Left / Top: Form aracının soldan ve üstten boyutunu düzenler.
Fit Horizontal (Yatay Olarak Sığdır): Form aracının yatay olarak sığdırılmasını sağlar.
Display(Görünür): Form aracının Client ekranında görünmemesini sağlar.
Column Count (Sütun Sayısı): Sütun sayısını belirtir.
Kullanılan Örnek
Formumuza Tile Layout aracını sürükleyip bırakalım. Tile Layout aracının özellikleri bölümünde Rows Height ve Columns Width alanlarına 125 yazalım. Height / Width (Yükseklik/Genişlik) alanlarına 1200 / 1500 değerlerini ve Form Left/ Top alanlarına 10 10 değerlerini verelim. Ardından Fit Horizontal ve Display özelliklerini aktif edelim (Display özelliği default olarak Yes gelmektedir). En son olarak da sütun sayısını 15 olarak belirleyip kaydedelim.
Tile Layout aracında gösterilecek form ve raporları ekleyebilmek için yukarıda paylaşılan yeşil işaretli “Add Widget” butonuna tıklayalım. Tile Layout aracında formlarda editleme imkânı olmadan gösterilebilir, daha çok raporların gösterileceği dashboard olarak tasarlanması tavsiye edilir.
Tile Layout aracındaki sağ üst köşede bulunan Add Widget butonuna tıkladıktan sonra, Template_X şeklinde widget alanı oluşur. (Yukarıda paylaşılan ekran görüntüsünde bulunan yeşil işaretli alanda görüldüğü gibi).
Eklenen Widget’ın özelliklerinden; (Yukarıda paylaşılan ekran görselindeki kırmızı işaretli alan).
Header (Başlık); Client ekranında gösterilecek kolon isminin yazıldığı alandır.
Rows Height (Satır Yüksekliği); Layout içinde kapsayacağı satır değeridir.
Columns Width (Kolon Genişliği); Layout içinde kapsayacağı Kolon değeridir.
Order (Sıra); Client ekranında ki kolon gösterim sırasının tanımlandığı alandır.
Display (Görüntüleme); Default’ta Yes seçimli gelir. Client tarafında görünüm buradan açıp-kapatılır.
Module; Tile Layout içine eklenmek istenen form veya rapor bulunduğu projenin seçildiği alandır.
Form; Tile Layout içine eklenmek istenen form veya rapor seçildiği alandır.
Sub Form Mapping (Alt Form Eşleme); Seçilen form veya raporun alan mapping’lerinin yapıldığı alandır.
Fields (Alanlar); Form alanından seçilen form veya rapor’un içinde barındırdığı elemanlar field tarafında görünür.
Type; Form Field (Form Alanı), Constant Value (Sabit Değer) ve SQL Query (SQL Sorgusu) seçimi yapılabilir.
Value (Değer); Form Field seçiminde Tile Layout projesi içindeki alanlardan seçim yapılabilir. Constant Value seçiminde sabit değeri yazılır ve SQL Query seçiminde de kullanılacak sql sorgusu bu alana yazılır.
Tüm işlemler tamamlandıktan sonra formu kaydedelim ve tekrar Form ve raporları eklemek için Tile Layout aracının sağ köşesinde “Add Widget” butonuyla ekleme yapılmaya devam edebiliriz.
Formu kaydettikten sonra run butonuyla client ekranına gidelim. Client görüntümüz aşağıdaki gibi olacaktır.
Tile Layout aracının Rows Height (Satır Yüksekliği) ve Columns Width (Kolon Genişliği) pixel değeri detayını ve eklenen Widget'ın Row-Column Span değerlerinin ölçeklendirmesini başka bir uygulama ile örneklendirmiş olursak;
Tile Layout aracımızın Height/Width değerleri formda kaplayacağı alan değeridir. Rows ve Columns alanlarıyla eklenen widget’ların Layout içindeki ölçeklendirilmesi yapılır.
Burada yazılan değerlere göre araç, 3 kolondan oluşacak ve her bir kolon girilen width-height değerleriyle oluşacaktır.
Sonrasında 3 tane Widget ekleyelim;
Eklenen Widget Template’lerin aşağıda paylaşılan grafikteki gibi client ekranında gösterilecektir.
Template_1; Column Span=2 ve Row Span=2 kullanmıştır.
Template_2 Column Span=1 ve Row Span=2 kullanmıştır.
Dolayısıyla Template_3 (Column Span=3) kullanabileceği kolon kalmadığı için son satıra uygulanır.
Aksiyonlar
Tile Layout komponentinin kendine ait bir aksiyonu yoktur. Forma eklenen text box, figures box, buton vs komponentleriyle tile layout içindeki formlar editlenebilir.
Örneğin formumuza eklediğimiz Text Box aracının özellikler bölümündan aksiyon sekmesini açalım (aşağıdaki görselde yeşil ile işaretlenmiş alan) ve aşağıdaki görselde olduğu gibi aksiyonumuzu düzenleyip kaydedelim(aşağıdaki görselde kırmızı ile işaretlenmiş alan).
Type of action; Text box alanının değeri değiştiğinde bir işlem yapılacağından On Value Change action type seçilir.
Operation; Layout içinde editleme yapılacağından Update Value seçilir.
Value Area; Tile Layout içine eklenen formlardan kullanılacak olan formun template’i seçilir.
Item List; Tile Layout’tan template seçildikten sonra, ilgili formun alanları burada gösterilir. Seçimi yapılan alan edit yapılacak alandır.
Sonrasında formumuzu kaydedelim ve client ekranına Run butonu ile gidelim. Aşağıda paylaşılan client ekranında; Edit Layout isimli Text box alanına yazılan değer layout içindeki ilgili formun Document Number alanı editlenmiştir. Ayrıca Document Number alanının kendindeki aksiyonuyla da yazılan değer liste içine gönderilmiştir.