Kuika'nın Text Area elementi, kullanıcıların uzun metinler girmesini sağlar. Geniş bir alan sunarak metinlerin rahatça yazılmasına ve düzenlenmesine olanak tanır. Kullanıcılar, satır sayısını artırarak daha fazla metin girişi yapabilir ve düzenleme sırasında daha iyi bir görünüm elde edebilir. Bu kılavuzda, Text Area elementini nasıl kullanacağınızı ve yapılandırma seçeneklerini nasıl ayarlayacağınızı öğreneceksiniz.
Text Area elementi hem web hem de mobil uygulamalarda kullanılabilir.
Bu eğitim içeriği aşağıdaki başlıklardan oluşur:
Text Area Elementi Ekleme
Text Area Elementi Özellikleri
Elements ayarları ve özelleştirme
Text Area Elementi Ekleyin
Kuika platformuna giriş yapın.
Apps ekranından çalışacağınız projeyi açın.
UI Design modülüne gidin.
Sol kenardaki Elements panelinden Text Input kategorisini seçin.
Text Area elementini çalışma alanına sürükleyip bırakın.
Boş bir alana sürüklerseniz, Text Area elementi bir Row elementi ile birlikte eklenir.
Column içerisine sürüklerseniz yalnızca Text Area elementi eklenir.
Text Area Elementi Özellikleri
Properties panelinden aşağıdaki ayarları yapılandırabilirsiniz:
Value: Kullanıcı tarafından girilen metni temsil eder. Statik bir değer ekleyebilir veya Symbol Picker kullanarak başka elementlerden veya aksiyonlardan gelen verileri dinamik olarak gösterebilirsiniz.
Placeholder: Kullanıcı giriş yapmadan önce görünen yer tutucu metindir (örn. “Buraya metninizi yazın”).
Allow Clear: Kullanıcının metni hızlıca silmesi için sağ kenarda bir Delete (X) simgesi görüntüler.
Autosize: Kullanıcının girdiği metnin uzunluğuna bağlı olarak Text Area elementinin yüksekliğini otomatik olarak ayarlar.
Max Length: Kullanıcının girebileceği maksimum karakter sayısını belirler (örn. 200 karakter sınırı).
Show Count: Kullanıcının girdiği karakter sayısını gerçek zamanlı olarak gösterir.
Formatter: Girilen metnin belirli bir biçime (örn. tümü büyük harf, küçük harf) otomatik olarak dönüştürülmesini sağlar.
Read Only: Metin alanını yalnızca okunabilir hale getirir. Kullanıcılar içeriği görebilir ancak düzenleme yapamaz.
Bu kılavuzu takip ederek Text Area elementini uygulamanızda etkili bir şekilde kullanabilirsiniz.
Element Ayarları ve Özelleştirme
Authorization (Yetkilendirme)
Anonymous Access: Kullanıcıların hesap bilgisi girmeden erişmesini sağlar.
All Roles Access: Kullanıcıların hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için Properties panelinden Authorization ayarlarını düzenleyin.
Visibility (Görünürlük)
Always Visible: Element her zaman görünür.
Hidden: Element gizlenir.
Sometimes Visible: Element, belirli bir koşula bağlı olarak görünür.
Ayarı yapılandırmak için:
Ekrandaki elementi seçin.
Sağ kenardaki Properties panelini açın.
Visibility alanında ihtiyacınıza göre bir seçenek belirleyin.
Editability (Düzenlenebilirlik)
Enabled: Element düzenlenebilir.
Disabled: Element düzenlenemez.
Sometimes Enabled: Element, belirli koşullara göre düzenlenebilir veya düzenlenemez.
Style Panel ile Arayüz Tasarımı
Elementlerinizi Styling Panel ile özelleştirerek, web ve mobil uygulamalarınız için etkileyici arayüzler oluşturabilirsiniz. Bu bölümde, aşağıdaki ayarları yapılandırabilirsiniz:
Layout (Düzen): Boyutlandırma, hizalama ve iç boşluk (padding) ayarları. Ayarlar arasında Size, Min Size ve Align bulunur.
Text (Metin): Yazı tipi, stil, renk, boyut ve aralık ayarları.
Fill (Dolgu): Arka planı renk veya görsellerle özelleştirme.
Border (Kenarlık): Kenarlık ekleme ve köşe yarıçapı ayarları.
Shadow (Gölge): Elementlere derinlik katmak için gölge efekti ekleme.
Bu adımları takip ederek, Area Chart elementini ihtiyaçlarınıza uygun şekilde yapılandırabilirsiniz.
Actions (Aksiyonlar)
Kuika, aşağıdaki sistem aksiyonlarını destekler:
Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration ve String Operations.
Kendi oluşturduğunuz SQL aksiyonlarını da kullanabilirsiniz.
Aksiyon eklemek için Properties panelinden +ADD ACTION butonunu kullanabilirsiniz.
Actions desteği bazı elementlerde geçerli olmayabilir.