Horizontal Grid elementi, uygulamanızda içerikleri yatay bir düzende sergilemenizi sağlar. Kullanıcılar, sağa veya sola kaydırarak ürünleri, kampanyaları veya kartları kolayca keşfedebilir. Özellikle ürün katalogları, kampanya bannerları ve içerik kartlarının yatay sergilenmesi için idealdir.
Kullanım Alanları
Ürün listeleri (ör. ayakkabı, kıyafet),
Kampanya bannerları,
Haber kartları,
Servis/özellik tanıtım alanları vb.
Horizontal Grid elementi, web ve mobil uygulamalarda desteklenir.
Erkek Ayakkabı Senaryosu
Bir erkek ayakkabı alışveriş uygulamasında, kullanıcıya ana sayfada:
İlk olarak “Black Friday Discount” kampanyası banner’ı,
Hemen altında ise Air Jordan 1 (90 $) ve diğer ayakkabı ürünleri yatay kaydırmalı grid içinde gösterilir.
Kullanıcı, parmağıyla sola-sağa kaydırarak veya ok butonlarını kullanarak ürünler arasında geçiş yapabilir.
Veri Kaynağı Bağlama
Datasources modülüne gidin.
Tables başlığı yanındaki + ikonuna tıklayın ve tabloya ShoesHorizontalGrid ismini verin.
Aşağıdaki tabloyu oluşturun.
Ardından SQL Actions’a tıklayın ve aksiyona ShoesHorizontalGrid ismini verin. C# ile de oluşturabilirsiniz.