Kuika'nın Auto Complete elementi, kullanıcıların metin girişi sırasında hızlı bir şekilde öneriler almasını sağlar. Kullanıcılar metin yazmaya başladıklarında, önceden tanımlanmış veri listesinden otomatik olarak uygun öneriler sunulur. Bu kılavuzda, Auto Complete elementini nasıl kullanacağınızı ve öneri listesini nasıl yapılandıracağınızı öğreneceksiniz.
Auto Complete elementi hem web hem de mobil uygulamalarda kullanılabilir.
Bu eğitim içeriği aşağıdaki başlıklardan oluşur:
Auto Complete Elementi Ekleme
Auto Complete Elementi Özellikleri
Auto Complete Elementine Fixed Options Özelliği ile Veri Bağlama
Element ayarları ve özelleştirme
Auto Complete 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 Select Input kategorisini seçin.
Auto Complete elementini çalışma alanına sürükleyip bırakın.
Boş bir alana sürüklerseniz, Auto Complete elementi bir Row elementi ile birlikte eklenir.
Column içerisine sürüklerseniz yalnızca Auto Complete elementi eklenir.
Auto Complete Elementi Özellikleri
Properties panelinden aşağıdaki ayarları yapılandırabilirsiniz:
Options: Liste içinde gösterilecek verinin bağlantısını yapabilirsiniz. Statik bir liste de oluşturabilirsiniz.
Fixed Options List: Veri tabanına bağlı olmadan manuel olarak tanımlanan sabit verileri listeler.
Fixed Data: Listeyi oluşturan her bir verinin görünen ismini (Text) ve uygulama içinde kullanılacak değerini (Key) belirler.
Placeholder: Kullanıcının veri girmediğinde görüntülenen yer tutucu metindir.
Allow Clear: Sağ kenarda bir Sil (X) simgesi ekleyerek girilen verinin tek tıklamayla silinmesini sağlar.
Value: Statik bir değer ekleyebilir veya Symbol Picker aracılığıyla başka bir elementin içeriğini ya da aksiyon sonucunu dinamik olarak gösterebilirsiniz.
Auto Complete Elementine Fixed Options Özelliği ile Veri Bağlama
Sağ kenardaki Properties panelini açın.
Options açılır menüsünden Actions altında yer alan Please Select butonuna tıklayın.
Açılan menüden Fixed Options List seçeneğini belirleyin.
Fixed Options List altında bulunan Fixed Data butonuna tıklayın.
Açılan ekranda manuel olarak Key ve Text alanlarını doldurun.
UPDATE butonuna tıklayarak verileri bağlayın.
Bu kılavuzu takip ederek Auto Complete 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.