Label

Label elementinin işlevine göz atın.

Alfanümerik içerikleri gösteren elementtir. A-Z, 0-9, +%&.. Gibi karakterlerde dahil olmak üzere genel bir metin gösterimlerini yapabilirsiniz. Metin uzunluğu ve bulunduğu alanın genişliğine bağlı olarak paragraf halinde de otomatik olarak görünebilirler. Statik bir metin gösterimi yapabileceğiniz gibi arayüzdeki bir elemente eklenen bir koşul ile metin gösterilebilir. Çoğunlukla veri bağlantısı ile veritabanı/tablonuzda bulunan metinleri de gösterir.

Label Ekleme

Elements panelinden Label elementini ekrana sürükle bırak ile ekleyebilirsiniz. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir column içine sürüklerseniz sadece Label elementi eklemiş olursunuz. Label elementini tüm Container tipindeki elementlere ekleyebilirsiniz.

Label elementi mobil ve web uygulamaları desteklemektedir.

1. Properties (Özellikler)

Label elementini statik veya dinamik metinlerin gösterimi için kullanabilirsiniz. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.

Value (Değer)

Ön tanımlı olarak gösterilecek statik metni yazabileceğiniz alanlar açılır. Symbol Picker ile temel UI Logic yapısında, bir elementten dönen değeri ve bir aksiyonun datasını göstermek için de kullanabilirsiniz.

Maxline

Maxline ile gösterilecek içeriğin metin uzunluğuna bakılmaksızın belirli bir satır sayısına kadar gösterilmesini sağlayabilirsiniz.

Formatter

Uygulama geliştirme sürecinde formatter (biçimleyici), verilerin belirli bir formata veya düzenlemeye getirilmesini sağlayan bir Property’dir. Formatter'lar, genellikle metin, sayılar, tarih ve saat gibi veri türlerini düzenler ve belirli bir görünüm veya format elde etmek için kullanılırlar.

Ekran içerisinde yer alan element seçili ise elemente bağlı olarak Properties panelinde Formatter görünmektedir.

Label elementi farklı veri tiplerini bir string olarak gösterebilirler. Formatter ile gösterilecek içeriğin ihtiyaca uygun formatta gösterilmesi sağlanabilir. Her ne kadar telefon numarası (+1 (212) 1234567) ve bir parasal tutar (27.99) sayısal olsa da gösterim formatları birbirinden farklıdır.

Label elementi seçili iken properties paneli içerisinde Formatter açılır pencere ile gelmektedir.

Açılır pencere içerisinde money, money-var-1,money-tl, Phone, Percent, Fractional-2, Fractional-5, Date, Time, Date time,date var-1, time ago, short date gibi seçeneklerle gelmektedir.

Para Miktarı (Money):

money: Virgülden sonra 2 basamak kuruş ile para miktarını temsil eder.
money-var-1: Virgülsüz, 2 basamak kuruş olmadan para miktarını temsil eder.
money tl: TL sembolünü ekleyerek para miktarını temsil eder.

Telefon Numarası (Phone):

phone: Telefon numarasını (999) 999-9999 formatında gösterir.

Yüzde (Percent):

percent: Yüzde sembolünü ekleyerek yüzdeyi temsil eder.

Kesirli Sayı (Fractional):

fractional-2: Virgülden sonra 2 basamak gösterir.
fractional-5: Virgülden sonra 5 basamak gösterir.

Tarih ve Zaman (DateTime):

datetime: Tarihi DD/MM/YYYY HH:mm:ss formatında gösterir.

Tarih (Date):

date: Tarihi DD/MM/YYYY formatında gösterir.
date-var-1: Tarihi DD:MM:YYYY formatında gösterir.
short-date: Tarihi MMM Do formatında gösterir.

Zaman (Time):

time: Zamanı HH:mm:ss formatında gösterir.
time-ago: Tarih ve zamanı DD/MM/YYYY HH:mm:ss formatında gösterir.

Bu formatlar, belirli türde verileri istediğiniz şekilde biçimlendirmek için kullanabileceğiniz örneklerdir. Her bir formatı gerektiği gibi uygulayabilirsiniz.

Authorization (Yetkilendirme)

Label elementi için yetkilendirme seçeneklerini kullanabilirsiniz.

Visibility (Görünürlük)

Elemente role bağlı yetkilendirmeler verebileceğiniz gibi visibility'i (görünürlük) de always visible (göster)/ hidden (gizle) / sometimes visible (koşullu görünürlük) seçenekleriyle ayarlayabilirsiniz.