Multi-Color DropdownList
Merhaba arkadaşlar, bu makalemizde DropdownList kontrolünün standart görüntüsünden kurtulup kendimize özel rengarenk item’ları olan dropdownlistler oluşturacağız.
Web siteleri ve web uygulamaları gelistirirken ziyaretçilere sürekli yenilikler sunmak zorundasınızdır. Bu yenilikler sayfanın tasarımı veya islevlerinin degismesi ile yeterli olmayabilir. Bu durum da kullanıcıların ilgisini çekecek bir seyler yapmak zorunda kalırsınız ve yaratıcılıgınızı konusturmak zorundasınızdır. Özellikle sporseverlerin ilgisini çekecegini düsündügüm ve 1-2 projede kullandıgım "Multi-Color DropdownList" kontrolünü sizlere anlatacagım.
Bir futbol takımının sitesini yaptıgımızı varsayalım. Kullanıcılar haklı olarak kendi takımlarının renklerini her yerde görmek isterler. Bizde öyleyse onları kırmayalım ve her yeri takımlarının renklerine çevirelim.
Örnek: Spor sitelerini takip edenle bilir, her maç sonunda maçın yıldızı, kötüsü vs. ziyaretçiler tatafından belirlenir. Bizde burada örnek olarak bunu yapalım. Futbolcuların isimlerini listeleyen bir DropdonList kontrolümüz olsun. Biz bu dropdownlist kontrolünü takımımızın renklerinde dolduralım. Ben Fenerbahçeli oldugum için de Sarı Lacivert renklerde futbolcu isimlerini listeye dolduracagım.
Gerekli açıklamaları yaptıktan sonra örnegimize geçelim;
Ilk olarak yeni bir Web projesi olusturalım. Daha sonra sayfamıza bir adet DropdownList kontrolü ekleyelim.
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.Reflection;
using System.Collections.Generic;
| Sayfa açılırken Ilk olarak takım listesini GetTeamList() dolduracagız ve bu listedeki elemanların renklerini belirlemek içinde diger fonksiyon SetColor()'i kullanacagız
|
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack == false)
{
GetTeamList();
SetColor();
}
}
private void GetTeamList()
{
ddlMultiColor.DataSource = TeamList();
ddlMultiColor.DataBind();
}
| Futbolcuların isimlerini ben arraylist olarak aldım, siz uygulamalarınızın seyrine göre databaseden de doldurabilirsiniz
|
private ArrayList TeamList()
{
string[] Teams = { Serdar, Önder, Edu, Lugano, Roberto Carlos, Appiah, Marco Aurello,Ugur Boral ,Alex, Deivid, Kezman };
ArrayList TeamList = new ArrayList();
foreach (string Team in Teams)
{
TeamList.Add(Team);
}
return TeamList;
}
|
DropdownList'imizin elemanları arasında dolasarak liste elemanlarının background ve Text color özelliklerini belirliyoruz. Burada row'un 2'li modunu aldık. Eger mod 0 ise Normal Renk olacak degilse Alternatif renk de olacak. |
private void SetColor()
{
int row;
for (row = 0; row < ddlMultiColor.Items.Count; row++)
{
if (row % 2 == 0)
{
ddlMultiColor.Items[row].Attributes.Add(style,background-color:Yellow; Color:Navy; font-family:verdana);
}
else
{
ddlMultiColor.Items[row].Attributes.Add(style, background-color:Navy; color:Yellow; font-family:verdana);
}
}
}
}
Evet simdi yazdıklarımızı Test edelim ve projemizi çalıstıralım.
Gerçekten de bir Fenerbahçeli olarak güzel durdugunu düsünüyorum J
Bu makalenin de sonuna geldik, Olumlu ve olumsuz tüm görüsleriniz için simdiden tesekkür ederim.
Örnek Kodları indirmek için Tıklayınız
Sem GÖKSU
info@semgoksu.com
MCP (Microsoft Certified Professional)
MCAD (Microsoft Certified Application Developer)
MCTS (Microsoft Certified Technology Specialist)
Kaynaklar
Yorumlar (1)
merhaba bu işlemleri yapınca ie6+ da çalışıyor ancak firefox da çalışmıyor bilgilerinize