Resim gösterimini sağlayan bileşendir.
Önemli Notlar
- Image bileşeni sürükle- bırak yapıldıktan sonra hiçbir özelliği seçilmez ise sayfa çalıştırıldığında "image not selected" yazısı ile resim çerçevesi görüntülenir.
- Sabit bir görselin sayfada gösterilmesi isteniyor ise ImageUrl özelliğinden resim seçilmelidir.
- Veri kaynağından resmin doldurulması isteniyor ise BindingID ve FieldName özellikleri seçilmelidir. Bağlanan FieldName veri tipi tipi olarak File veya String bir alan olmalıdır.
- AlternateImage ve AlternateText özellikleri ImageUrl veya seçilen veri kaynağından(BindingID ve FieldName) resim bilgisi gelmediği durumda gösterilir.
- AlternateImage ve AlternateText özelliklerinin ikisi de seçili olduğu durumda AlternateImage'deki seçim geçerli olur.
DisplayMode
Image : Yalnızca resim gösterilmesini sağlar.
ImageButton : Resime tıklandığında aksiyon alınmasını sağlar. NavigationUrl altında seçilen sayfaya yönlendirme yapılır.
NavigateUrl
DisplayMode : ImageButton olduğunda; resime tıklandığında bir sayfaya yönlendirme yapılabilir.
Yönlendirilecek sayfa seçimi ve parametre gönderim detayına PageReference linkinden erişilebilir.
TabIndex
Bileşenin sırasını belirir.
Tooltip
Bileşen üzerinde fare ile gelindiğinde görüntülenecek ipucu metni
BindingID
Bileşenin bağlı olduğu veri kaynağı. Sayfada yer alan tüm veri kaynakları listelenir.
FieldName
Resim bileşeninde gösterilecek veri kaynağı üzerindeki kolon adı
ImageHeight
Resmin yüksekliği
ImageHeightUnit
Auto - Pixel - Percentage
Resmin yüksekliğinin birimi
ImageStyle
Resmin gösterim stili
None : Resim olduğu şekli ile gösterilir.
Thumbnail : Resmin çevresine çerçeve çizilir.
Rounded : Resmin çevresi yuvarlaklaştırır.
Circle : Resim daire şeklinde gösterilir.
ImageWidth
Resmin genişliği
ImageWidthUnit
Auto - Pixel - Percentage
Resmin genişliğinin birimi
MaxWidth
Seçilen resim bulunduğu kolondan(layout) taşıyor ise Max-Width:100% verilerek taşma sorunu çözülebilmektedir.
MaxWidthUnit
Auto - Pixel - Percentage
Resmin maksimum genişliğinin birimi
Spacing
Bileşenler arası boşlukları düzenlemeyi sağlayan bu özelliğin detayına Spacing linkinden erişilebilir.
Visiblility
Resim bileşenin görünürlüğü
AlternateImageUrl
Bileşen için FieldName'den ve ImageUrl içeriği boş olduğunda gösterilecek resmin adresini içerir.
Url adresi üzerinden bir resim linki veya proje dosyası içinden sabit bir dosya seçimi yapılabilir.
AlternateText
Bileşen için FieldName'den veya ImageUrl'den içerik alınamadığında gösterilecek metin
Varsayılan olarak "Image not selected" yazar.
Resmin genişlik ve yüksekliği değiştirildiğinde daha iyi bir görünüm için içerik değiştirilebilir.
AlternateTextSize
Resim içeriği boş olduğu durumda; AlternateText'in metin boyutunu ifade eder.
Varsayılan değer 12.
Resmin genişlik ve yüksekliği değiştirildiğinde daha iyi bir görünüm için text size değeri değiştirilebilir.
ImageUrl
Resim bileşeninde gösterilecek resim kaynağının seçimi
Proje dosyası içerisinde yer alan wwwroot dosyasının altına kullanılmak istenen lokal resim dosyaları eklenerek kullanılabilir.
Alternatif olarak; ImageUrl adresine istenilen resim dosyasının bulun link adresi de direkt olarak kopyalanabilir.
ObjectFit
Gösterilecek resmin verilen height-width çerçevesinde nasıl yerleştirileceğini belirtir.
None : Resmi olduğu gibi gösterir.
Crop : Resmin height-width içinde sığmayan kısımlarını keser.
Fill : Resmi verilen height-width içine sığacak şekilde doldurur. İhtiyaca göre resmin görüntüsünü uzatır veya sıkıştırır.
Fit : Resmin en-boy oranının korunarak sığdırılmasını sağlar.
ObjectPosition
None - Left - Right - Center - Top - Bottom
Resim içeriğinin hangi yönün gösterileceğinin seçimi
ID
Bileşenin ayırt edici değeri. Arka planda kodlama vb işlemlerde kullanılacak benzersiz olması gerekli alan.
Sürükle bırakla otomatik oluşturulur, isteğe bağlı olarak değiştirilebilir.