Tabs

Farklı form görünümleri olarak tasarlanmış ekranlar arasında geçiş yapmayı sağlayan nesnedir. Birden çok sekmenin her biri, farklı tasarımlarla diğer form nesneleri sürüklenerek dizayn edilebilir ve sekmeler arası geçiş yapılarak aktif sekmedeki nesneler düzenlenebilir.

Nesnenin üzerine tıklandığında Özellik Görüntüleyici panelinde “Genel” ve “Olaylar” sekmeleri yer alır ve nesneye ait özellikler görüntülenip, düzenlenebilir. Nesne özelliklerinin aktarıldığı kalıtım şeması aşağıdaki gibidir;

Genel

Design

Name - Nesnenin sistem tarafında kullanılacak ismidir. Başka bir nesnenin içinde ve kod tarafında nesneye, isim alanında yazan değerle erişim sağlanır.

Caption

Title - Nesnenin etiket metninin düzenlendiği kısımdır.

Position - Nesne etiketinin, nesnenin solunda mı, sağında mı yoksa üzerinde mi konumlandırılacağının düzenlendiği kısımdır.

Yapılabilecek Seçimler : Left, Right, Top, Bottom

Width - Etiket alanının genişliğinin ayarlandığı kısımdır.

Height - Etiket alanının yüksekliğinin ayarlandığı kısımdır.

Font - Etiket alanındaki metnin font, yazı tipi, yazı boyutu ve renginin ayarlandığı kısımdır.

Ellipsis - Etiket metninin, etiket alanına sığmadığı durumlarda, metnin sığmayan kısmı için üç nokta (…) ifadesinin görünüp görünmeyeceğinin ayarlandığı kısımdır.

Visible - Etiket alanının gizli ya da görünür ayarlarının yapıldığı kısımdır.

Show Colon - Etiket metninin yanında iki nokta (:) ifadesinin görünüp görünmeyeceğinin ayarlandığı kısımdır.

Horizontal Align - Etiket metnini; sağa yasla, sola yasla ya da ortala ayarlarının gerçekleştirildiği kısımdır.

Yapılabilecek Seçimler : Left, Center, Right

Vertical Align - Etiket metnini; yukarı yasla, aşağı yasla ya da ortala ayarlarının gerçekleştirildiği kısımdır.

Yapılabilecek Seçimler : Top, Middle, Bottom

Mark Char - Nesneyi belirginleştirmek için, etiket metnine *, ! gibi karakterlerin girilebileceği alandır.

Mark Position - İşaret karakteri olarak belirlenen karakterin, etiket metninin başında mı yoksa sonunda mı gösterilmesinin ayarlandığı kısımdır.

Yapılabilecek Seçimler : AtFirst, AtLast

Appearance

Visible - Nesnenin gizlenip, görünür yapılma ayarlarının gerçekleştirildiği kısımdır. Bu alan aktifken, nesne form üzerinde görünür durumdadır. Alan pasif yapıldığında nesne görünmez olur.

Client Visible - Form ilk açıldığında nesne görünmesin, belirli bir şart sağlandığında nesne görünür olsun gibi bir işlem yapılmak istendiğinde, nesnenin istemci tarafında görünmez olması için bu alan pasif yapılır. Kodla ya da Kural Yöneticisi ile belirlenen şart sağlandığında nesne tekrar görünür hale getirilebilir. Sunucu görünürlüğü aktif değilken, istemci müdahale edemez ancak istemci görünürlüğü aktif değilken sunucu müdahale edebilir.

Enabled - Nesnenin etkin modu bu alandan ayarlanır. Bu özellik aktifken nesneye veri girişi sağlanabilir ve nesne düzenlenebilir. Özellik pasifken, nesne düzenlenemez moddadır ve pasif görünür.

Client Enabled - Form ilk açıldığında nesne etkin olmasın, belirli bir şart sağlandığında etkin olsun gibi bir işlem yapılmak istendiğinde, nesnenin istemci tarafında etkin olmaması için bu alan pasif yapılır. Kodla ya da Kural Yöneticisi ile belirlenen şart sağlandığında nesne tekrar etkin hale getirilebilir. Sunucu etkinliği aktif değilken, istemci müdahale edemez ancak istemci etkinliği aktif değilken sunucu müdahale edebilir.

Background Color - Nesneye arka plan rengi vermek için kullanılan alandır.

Title - Form arayüzde açıkken imleç ile nesne üzerine gelindiğinde, bu alanda yazılan metin, ipucu olarak gösterilir. Nesne ile ilgili detay bilgi verilmek istendiğinde kullanılan, uç kullanıcıyı yönlendirme amaçlı bir özelliktir.

ClassName - Forma ait CSS dosyası içinde yazılmış bir class'ın tanımlanarak nesne görünürlüğünün değiştirilebildiği alandır.

Items - Nesne sekmelerinin belirlendiği alandır. Nesnede kaç sekme olacağı, sekme isimleri ve özellikleri bu alandan yönetilir.

Elemanlar kısmına tıklandığında ekrana, Sekme Ekleme penceresi açılır. Panel içindeki Ekle butonuna tıklanıldığında nesneye yeni sekmeler eklenebilir ve sekme özellikleri düzenlenebilir.

Eklenen sekme kaydına tıklandığında sağ tarafta sekme özellikleri listelenir. Bu özellikler düzenlenerek sekme özelleştirilebilir.

Özellik	Açıklama
Key	Ögenin benzersiz anahtarının tanımlandığı alandır. Nesne içindeki diğer ögelerden farklı olacak şekilde key alanının değeri yazılır.
Title	Sekme adının düzenlendiği alandır. Buradaki Çoklu Dil Desteği özelliği ile sekme adının diğer dillerdeki karşılıkları tanımlanabilir. Sisteme giriş yapılan dile göre sekme adı ilgili dil tanımında görülecektir.
Selected	Selected alanı aktif edilen sekme, nesne arayüzde açıldığı anda varsayılan olarak tıklanmış şekilde açık gelir. Uç kullanıcı için, form açıldığı anda nesnede hangi sekmenin açık gelmesi isteniyorsa o sekmede bu özellik aktif edilir. Nesneye eklenen hiçbir sekmede bu özellik aktif edilmezse, ilk eklenen sekme açık olarak gelecektir.
Enabled	Sekmenin açılabilme durumunun etkin olup olmayacağının belirlendiği özelliktir. Enabled alanı pasif yapılan bir sekme, web arayüzünde tıklanıp, açılamamaktadır. Bu özellik genelde, kullanıcı bazlı sekme görünürlüklerinin yönetilmesi istenen durumlarda, yetkisi olmayan kullanıcıların ilgili sekmeyi görememesi işlemleri için kullanılır.
Icon	Sekme ikonunun belirlendiği kısımdır. Bu alana tıklandığında ikon bulucu ekranı açılır. Bu ekrandan seçilen ikon ilgili sekmede gösterilen ikon olarak belirlenebilir.

Tab Position - Nesnedeki sekmelerin yukarıda (top), sağda (right), aşağıda (bottom) veya solda (left) konumlandırılacağının seçildiği kısımdır.

Height - Nesne yüksekliğinin ayarlandığı kısımdır. Nesne içerisine sığmayan elemanlar için arayüzde kaydırma çubuğu belirir ve nesne içindeki diğer elemanlar bu kaydırma çubuğu kullanılarak görülebilir.

Kaydırma çubuğu çıkmasın, nesne içindeki tüm elemanlar görünür olsun istenirse, yükseklik kısmından nesne yüksekliği artırılabilir. Böylece nesne yüksekliği, içindeki eleman sayısına göre düzenlenebilmiş olur.

Has Scroll Bar - Özellik aktifken, nesne içine eklenen elemanların mevcut yüksekliğe sığmadığı durumlarda nesnede kaydırma çubuğu belirir. Bu özellik pasif yapıldığında nesne yüksekliği içinde bulunan elemanlara göre optimize edilir ve kaydırma çubuğu çıkarılmaz.

Olaylar

Nesnenin sahip olduğu olaylar, Özellik Görüntüleyici panelindeki "Olaylar" sekmesinde yer almaktadır. Her bir olay, farklı çalışma anlarında tetiklenerek kendilerine özgü işlemleri gerçekleştirir. Bu olaylara geliştirici tarafından yazılan kodlar da ilgili olayın tetiklendiği anda çalıştırılır.

"Client" alanında bulunan olaylara çift tıklandığında ekran, TypeScript kodlamanın yapılabileceği "Formadı.ts" isimli form kod editörü kısmına yönlendirilir ve tıklanan olaya ait method bloğu otomatik olarak oluşturulur.

"Server" alanında bulunan olaylara çift tıklandığında ekran, C# kodlamanın yapılabileceği "Formadı.cs" isimli form kod editörü kısmına yönlendirilir ve tıklanan olaya ait method bloğu otomatik olarak oluşturulur.

Geliştirici bu methodlar içerisinde istediği kod bloğunu kurgulayabilir. Olaylar sekmesinden tıklanarak kod tarafında methodu oluşturulmuş olayın yanında, method adı bilgisi otomatik oluşturularak, olayla method arasındaki ilişki belirtilmiş olur.

Oluşan methodlar;