/

Thumbnail elementi, uygulamalarda küçük görsel önizlemeleri göstermek için kullanılan bir elementtir. Bir görüntünün veya videonun küçük hali üzerinden kullanıcıya içerik hakkında hızlı bir fikir sunar ve daha büyük bir içeriğe erişim için temel bir giriş noktası oluşturur.

Başlamak için Data Sources modülündeki Tables alanından New SQL Action ile ekrandaki tabloyu oluşturun. Önce Test butonuna ardından Create butonuna tıklayıp kaydedin. Sayfanıza Inital Action bağlayarak başlayın. Ardından bir “Vertical Stack” içerisine “Horizontal Stack” ekleyin. Onun içerisine “Thumbnail” elementinizi sürükleyip bırakın. “Thumbnail” elementinize tıklayın ve tanımlamanızı yapın. Sağ panelden resmin konumunu, gelen görselin alanı doldurması için ayarlamalarınızı yapın. Styling alanından şeklini ve boyutunu düzenleyin. Yanına ise bir “Vertical Stack” daha ekleyin. Sağdaki Vertical Stack içerisine iki tane Label elementi yerleştirin. Bunların uygun tanımlamalarını tek tek gerçekleştirin.

Uygulama test edildiğinde, Thumbnail elementi üzerinde otele ait görselin küçük önizleme olarak görüntülendiği görülür. Görselin yanında otel adı ve şehir bilgisi düzenli bir şekilde listelenir. Bu yapı sayesinde kullanıcı, içerik hakkında hızlıca fikir edinir ve listeleme ekranlarında görsel destekli, okunabilir bir sunum elde edilir.