Resim bileşeni. Fare ile bileşenin üzerine gelindiği zaman butona tıklanarak resim temizlenebilir veya yeni resim yüklenebilir.

  • 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 PageUrl linkinden erişilebilir.

Enabled

Image'in tıklanabilir olmasına izin verilip verilmeyeceği. True olduğunda tıklanabilir. False olduğunda butona tıklanamaz.

TabIndex

Bileşenin sırasını belirir. 

Tooltip

Bileşen üzerinde fare ile gelindiğinde görüntülenecek ipucu metni

AcceptedFiles

İzin verilecek dosya uzantıları

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ı

FileArchive

Location : MongoDB - Rest

MaxFileSize

Gösterilecek resim dosyası için izin verilen maksimum dosya boyutu (MB)

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

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

ExecutionRules

Bileşenin eventlerinde(olay) çalıştırılabilecek kuralların detaylarına Execution Rules linkinden erişilebilir.

CustomStyling

Bileşenin alt - üst - sağ - sol boşluk(margin - padding) düzenlemelerini yapmayı sağlayan bu özelliğin detayına Custom Styling linkinden erişilebilir.

Modifier 

Autocomplete bileşeni UserControl içinde kullanıldığında bileşen özelliklerinin değiştirilip değiştirilemeyeceği seçilir.

Public ise; bileşenin özellikleri eklendiği sayfa içinde değiştirilebilir.

Private ise; bileşenin özelliklerine müdahale edilemez. (Varsayılan Değer)

Customization

Bileşen özelliklerinin özelleştirme arayüzde değiştirilebilmesini sağlayan bu özelliğin detayına Customization linkinden erişilebilir.

Localization

Kullanıcıların uygulamayı kullanırken tercih ettikleri dile göre görüntüleyecekleri metinleri girmesini sağlayan bu özelliğin detayına Localization linkinden erişilebilir.

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.