7 Ekim 2009 Çarşamba

Bu yazımızda Ajax Kontrollerinden Drop Shadow extender üzerinde duracağız. Bu kontrolün kullanım amacı sayfalarımızda kullandığımız panellere görsel zenginlik katmaktır. Aynı zaman da bu panellerin köşelerini yuvarlayabilmemizede olanak sağlıyor.

Basit bir örnekle ele alırsak VisualStudio içinde projemizi AJAXEnabledWebApplication olarak başlatalım. Default.aspx sayfası içine bir tane panel sürükleyelim. Arkasından bir tanede DropShadowExtender. Şimdi bu kontrolün özelliklerine bir bakalım.

DropShadow1

TargetControlID, hangi alanın gölgesi olması gerektiğini belirtir. Opacity, kenardaki gölgenin yoğunluğunu gösteriyor beyazdan siyaha. Rounded, panel köşelerinin oval olmasını sağlar. Radius, köşelerin oval olması durumunda yuvarlağın çapını belirtir. Width, gölge kalınlığını gösterir.

Düzenlemeleri yaptıktan sonra panel görüntüsü aşağıdaki gibidir.

DropShadow2 

Umarım yararlı olabilmişimdir.

Sermin Yağcı

1 yorum:

Adsız dedi ki...

Merhaba Sermin ,
Yazgeliştirde eklediğin makaleni inceliyordum , bi tşk edeyim dedim ,
selamlar