Horizontal Grid
Horizontal Grid elementinin işlevine göz atın.
Hazırlanan her bir slide alanının ekranın tam genişliğine göre 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.
Horizontal Grid Ekleme
Elements panelinden Horizontal Grid 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 Horizontal Grid elementi eklemiş olursunuz.
Horizontal Grid, web ve mobil uygulamaları desteklemektedir.
Header, Footer, Gallery View, FlexGrid, Carausel, Horizontal Grid, Pagination elementlerini Data repater elementi olan horizontal grid elementinde Child element olarak kullanamazsınız.
Row, Horizontal Stack,Vertical Stack, Label, Button, Text Input, Number Input, Icon, Panel, Tab, Label, Image, Icon, MD Viewer, Video Player, Progress Bar, Progress Circle, Badge, Location Search, Email, Text Area, Password, URL, AutoComplete, SelectBox, Slider, Range Slider, Checkbox, Switch, Button, Content Menu, Date, Date Time, Year Picker, CountDown, Area Chart, Donut Chart,LineChart, Pie Chart, Bar Chart, Rate, Web View, Signature, Chat ve Google maps elementlerini Child element olarak ekleyebilirsiniz.
Horizontal Grid Elementi içerisine Panel elementi child element olarak eklenebildiğinden dolayı arkaplanın dinamik olarak değişimini sağlayabilirsiniz. Bu doğrultuda arkaplana dinamik renk ve/veya görüntü ekleyebilirsiniz.
Horizontal Grid, 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 Horizontal Grid slaytı üzerine gelmesiyle arka plan renginin değişmesini sağlayabilirsiniz.
Slide To Scroll
Her bir kaydırma işleminde kaç adet slaytın kaydırılacağını belirleyebilirsiniz.
Slide To Show
Toplam kaç slaytın gösterileceğini belirleyebilirsiniz.
Swipe
Mobil uygulama veya dokunmatik ekranlarda parmak hareketi ile kaydırma ekleyebilirsiniz.
Vertical
Horizontal Grid slaytları ön tanımlı olarak yatay da yan yana gelecek ş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.
Authorization (Yetkilendirme)
Horizontal grid 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.
Horizontal Grid elementine ekleyebileceğiniz aksiyonları Add Actions ile ekleyebilirsiniz.
Horizontal Grid 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. Horizontal Grid boyutuna bağlı olarak içerisinde bulunan elementlerin hizalamasını yapabilirsiniz.
Horizontal Grid yazısı ve ikonuna ait renk ve boyut gibi özellikleri text (metin) bölümü ile ayarlayabilirsiniz.
Horizontal Grid gövdesine renk veya görsel ekleyebilirsiniz.
Horizontal Grid'in dış kenarlarına çizgi ekleyebilir, radius (köşe eğimleri) verebilirsiniz.
Horizontal Grid elementine gölge efekti ekleyebilirsiniz.
Last updated
