Carousel
Carousel elementinin işlevine göz atın.
Hazırlanan her bir slide alanının ekran genişliğine göre tam veya yarım olarak görüntülenebildiği bir UI elementidir. Veri tekrarlayıcı bir element olduğu için ilk slide içinde hazırlayacağınız içeriğe göre diğer slaytlarda veri kaynağından aldığı veriler gösteriliyor olacaktır.
Carousel Ekleme
Elements panelinden Carousel elementini ekrana sürükle bırak ile ekleyebilirsiniz. Eğer ekranda boş bir alana sürüklerseniz Row elementi ile eklenir. Bir Column içine sürüklerseniz sadece Carousel elementi eklemiş olursunuz.
Carousel web ve mobil uygulamaları desteklemektedir.
Carousel, Data Repeater tipinde bir element olduğu için veri kaynağı bağlantısı yapılmadığı sürece bulunduğu alan ön izlemede boş olacaktır. Bağlantısı sağlanan veri kaynağı içeriğine göre otomatik olarak çoğalacaktır. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
No Data Found Message
Carousel elementine bağlanmış veri kaynağında bir veri olmadığında boş durum mesajını düzenleyebilirsiniz.
Datasource
Carousel içinde verisi gösterilecek kaynağı seçtiğiniz alandır.
Fade
Carousel slaytlara, Fade geçiş efekti verebilirsiniz.
Hover Font Color
Carousel içeriğinde bir Label vb. element kullandığınızda Cursor'un ilgili slayt üzerine gelmesiyle Label vb. elementlerin font renginin değişmesini sağlayabilirsiniz.
Hover Bg Color
Cursor' un ilgili Carousel slaytı üzerine gelmesiyle arka plan renginin değişmesini sağlayabilirsiniz.
Swipe
Mobil uygulama veya dokunmatik ekranlarda parmak hareketi ile kaydırma ekleyebilirsiniz.
Vertical
Carousel slaytları ön tanımlı olarak yatay da yan yana şekilde gelirler. Vertical ile dikey olarak yukarıdan aşağıya doğru sıralanmasını sağlayabilirsiniz.
Pause On Dots Hover
Slaytların altında bulunan noktaların üzerine doğru imleç sürüklendiğinde görünen interaksiyonu gizleyebilirsiniz.
Autoplay
Slaytlara otomatik geçiş özelliği verebilirsiniz.
Autoplay Speed
Slayt otomatik geçiş özelliğinin hızını belirleyebilirsiniz.
Starting Index
Ekran ilk yüklendiğinde ki başlangıç slaytını seçebilirsiniz.
Dots
Carousel altında interaksiyon için bulunan noktaları gizleyebilirsiniz. Ön tanımlı olarak aktif/görünür halde gelirler.
Authorization (Yetkilendirme)
Carousel elementi için yetkilendirme seçeneklerini kullanabilirsiniz.
Visibility (Görünürlük)
Elemente role bağlı yetkilendirmeler verebileceğiniz gibi visibility'i (görünürlüğünü) de always visible (göster) / hidden (gizle) / sometimes visible (koşullu görünürlük) seçenekleriyle ayarlayabilirsiniz.
Carousel elementine ekleyebileceğiniz aksiyonları Add Actions ile ekleyebilirsiniz.
Carousel elementine layout (düzen),text (metin), fill (dolgu), border (kenarlık) veya shadow (gölge) ekleyerek ek düzenlemeler yapabilirsiniz.
Çevresel iç boşluklar ve boyutlandırma gibi görsel düzenlemeleri yapabilirsiniz. Carousel boyutuna bağlı olarak içerisinde bulunan elementlerin hizalamasını yapabilirsiniz.
Carousel yazısı ve ikonuna ait renk ve boyut gibi özellikleri text (metin) bölümü ile ayarlayabilirsiniz.
Carousel gövdesine renk veya görsel ekleyebilirsiniz.
Carousel'in dış kenarlarına çizgi ekleyebilir, radius (köşe eğimleri) verebilirsiniz.
Carousel elementine gölge efekti ekleyebilirsiniz.
Last updated