ASP.NET Gridviewe Resimli Buton Ekleme

ASP.NET’te Gridviewe nasıl resimli buton ekleyebileceğinizi anlatacağım.

Öncelikle sayfamıza Toolbox kısmından Gridview ekliyoruz. Design kısmına geçip Gridviewin üzerinde çıkan Oka tıklayıp Edit Columns diyoruz.

Açılan pencereden ButtonFieldi seçip Add diyoruz. Sağ tarafta butonun properties penceresi açılıyor. Button Type özelliği default olarak link gelecektir. Biz resimli buton yapacağımız için image yapıyoruz.

Footer column için alt başlık, Header column için üst başlık içindir. İsterseniz ekleyebilirsiniz. Daha sonra ImageUrl kısmına gelip butonumuza koyacağımız resmi seçiyoruz. ( Resmin proje dosyalarında bulunması gerekir. )

Son olarak resim boyutumuz büyük olduğu için sınırlama getirelim ve butonumuzu tamamlayalım. Bunun  için Styles kısmındaki ControlStyle içine grip width ve height değerlerini vererek butonumuzu tamamlıyoruz.

Butona nasıl ulaşabileceğinizi bilmiyorsanız buraya tıklayarak öğrenebilirsiniz.