Thumbnail Elementi Özellikleri

Thumbnail elementine tıklayınca açılan paneldir. Properties paneli;

  • Value, 
  • Placeholder Image,
  • Image Fit,
  • Position, 
  • Class Name,
  • Authorization,
  • Visibiliy propertyleri ile birlikte gelmektedir.

Value: Value alanına statik bir değer ekleyebileceğiniz gibi Symbol Picker aracılığıyla bir durumu, Thumbnail element içeriğini veya bir aksiyon sonucuna ait bir değerin dinamik olarak gelmesini sağlayabilirsiniz.

Placeholder Image: Placeholder, Image değeri olmadığı durumlarda gösterilen görseldir.

Zoom On Click: Zoom On Click özelliği, küçük resimlere tıkladığınızda resmin daha büyük bir versiyonunun görüntülenip görüntülenmeyeceğini belirlemenizi sağlar. Switch’i aktif hale getirdiğinizde, küçük bir önizlemeden tam boyutlu bir görüntüye geçiş yapabilirsiniz.

Image Fit: Thumbnail elementi Styling > Layout üzerinden aldığı değere göre özel bir boyuta sahip olabilir. Ayrıca Image elementinin ebeveyn elementi aracılığıyla bulunduğu bir boyutta olabilir. Bu tür durumlarda gösterilecek görüntünün Image elementi çerçevesine nasıl sığdırılacağını belirleyebilirsiniz.

Position: Thumbnail elementinde görüntülenecek görsel pozisyonunun açılır pencere (bottom, center, right, left, top) içerisinden belirlendiği alandır.