Badge elementi, bir ikon veya bileşenin üzerine küçük bir etiket ekleyerek okunmamış mesaj sayısı, bildirim veya durum gibi bilgileri kullanıcıya hızlı ve dikkat çekici şekilde iletmek için kullanılır.
Badge elementi, kullanıcı arayüzünde belirli bir bilgiyi vurgulamak, öne çıkarmak veya hızlı şekilde iletmek için kullanılan küçük, dikkat çekici bir etiket elementidir. Çoğunlukla sayı, durum bilgisi, uyarı veya bildirim göstergesi olarak kullanılır. Badge, kullanıcıların uygulamadaki önemli bilgileri kaçırmasını önler ve etkileşim alanlarını daha görünür hale getirir.
Başlamak için Data Sources modülündeki Tables alanından ekrandaki tabloyu oluşturun. Ardından New SQL Action seçin. Test edip kaydedin. Öncelikle sayfanıza Initial Action sayesinde aksiyonunuzu ekleyin. Ardından ekranınıza “Badge” elementi sürükleyin ve içerisine bir “Icon” elementi ekleyin ve bildirim işareti koyun. Count alanında Symbol Picker’ı açın. Tanımlamanızı yapın. Görsel davranışlar için Show Zero, Max, Dot ayarlarını yapın. İkon seçin. Kolonu seçerek Properties panelinden sağa yaslayın.
Uygulama test edildiğinde, kullanıcı mesaj ikonunun köşesinde okunmamış ek mesaj sayısını gösteren bir Badge görür. Okunmamış mesaj yoksa yani Show Zero kapalıysa Badge görünmez. Yüksek mesaj sayıları Max değeri sayesinde 99+ şeklinde gösterilir.
