Kuika'nın Chat elementi, uygulamanıza gerçek zamanlı mesajlaşma işlevselliği eklemenize olanak tanır. Müşteri destek sistemleri, sosyal platformlar veya kullanıcıların birbirleriyle etkileşime geçmesi gereken herhangi bir uygulamada kullanılabilir. Bu kılavuzda, Chat elementini nasıl entegre edeceğinizi, mesajları nasıl özelleştirebileceğinizi ve kullanıcı etkileşimlerini nasıl yöneteceğinizi öğreneceksiniz.

Chat elementi hem web hem de mobil uygulamalarda kullanılabilir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşur:

Chat Elementi Ekleme
Chat Elementi Özellikleri
Element ayarları ve özelleştirme

Chat 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 Special kategorisini seçin.
Chat elementini çalışma alanına sürükleyip bırakın.

Boş bir alana sürüklerseniz, element bir Row elementi ile birlikte eklenir.‍
Column içerisine sürüklerseniz yalnızca Chat elementi eklenir.

Chat Elementi Özellikleri

Datasource: Mesaj geçmişinin gösterileceği veri kaynağını seçebilirsiniz.
Current User Name: Chat elementinin kullanıldığı ekranda mevcut kullanıcı bilgisini görüntüler.
Dark Mode: Switch aktif hale getirildiğinde, chat elementini karanlık modda görüntüleyebilirsiniz.
Show Profile Photo: Kullanıcıların profil fotoğraflarını göstermek için Switch’i aktif hale getirebilirsiniz.
Show User Name: Kullanıcı isimlerini göstermek için Switch’i etkinleştirebilirsiniz.
Allow Edit Message: Kullanıcının son gönderdiği mesajı düzenlemesine izin verir.
Allow Delete Message: Kullanıcının son gönderdiği mesajı silmesine izin verir.

Bu kılavuzu takip ederek Chat 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.