1. Kuika platformuna giriş yapın.
2. Apps ekranından çalışacağınız projeyi seçin.
3. UI Design modülüne girin.

4. Sol kenardaki Elements panelinden, Display kategorisi altındaki Barcode Renderer elementini sürükleyerek ekranınıza bırakın.

• Barcode Renderer elementini boş bir alana sürüklerseniz, otomatik olarak bir Row elementi içinde eklenir.
• Bir Column içine sürüklerseniz, yalnızca Barcode Renderer elementi eklenir.

Barcode Renderer elementinin özelliklerini, sağ kenardaki Properties panelinden yapılandırabilirsiniz.

• Value: Statik bir değer ekleyebilir veya Symbol Picker aracılığıyla bir durumu, Input elementinin içeriğini veya bir aksiyon sonucuna ait değeri dinamik olarak alabilirsiniz.
• Format: Barkod formatını dünya standartlarına uygun seçenekler arasından belirleyebilirsiniz. Properties panelinde bulunan Formatter açılır menüsünü kullanarak aşağıdaki formatlardan birini seçebilirsiniz:
  
  • EAN13: Uluslararası ürün tanımlama için kullanılan 13 haneli barkod kodu.
  • UPC: Kuzey Amerika'da yaygın olarak kullanılan evrensel ürün kodu.
  • EAN8: Daha az bilgi taşıyan 8 haneli barkod formatı.
  • EAN5: Özel etiketlemeler için kullanılan 5 haneli barkod kodu.
  • Code128A, Code128B, Code128C: Yüksek yoğunluklu barkod formatları olup, farklı karakter setlerini temsil eder.
  • Code39: Düşük yoğunluklu barkod formatıdır. Harf, rakam ve özel karakterleri içerebilir.
  • ITF14: 14 haneli barkod olup, kartonlar ve lojistik süreçler için idealdir.
  • MSI, MSI10, MSI11, MSI1010, MSI1110: Modulus barkodları olup, 10 ve 11 gibi modlarla işlenir.
  • Pharmacode: İlaç ambalajlarını tanımlamak için kullanılan özel bir barkod formatıdır.
  • Codebar: Hızlı tarama işlemleri için tercih edilen bir barkod formatıdır.

Barcode Renderer elementi, kullanıcıların uygulama içinde ürün bilgilerini hızlı bir şekilde iletmelerini ve tanımlamalarını sağlar.

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:

1. Ekrandaki elementi seçin.
2. Sağ kenardaki Properties panelini açın.
3. 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.