por Thiago Nishio
24. dezembro 2009 18:50
Fala, galera!
Num projeto, precisei informar uma lista de aeroportos. O dropdown que iria disponibilizar esta lista foi criado com pequena largura (apenas 20 caracteres) e eu não poderia aumentar, por causa do layout da página. O nome e código do aeroporto ultrapassava o número de caracteres que aparece no dropdown, fazendo com que seja cortado o nome. Segundo os requisitos do cliente, isto não poderia ocorrer!
Imagem 1: Dropdown cortando o texto com o texto do aeroporto!
Então, para resolver este pequeno problema, resolvi pesquisar uma forma de exibir um texto de ajuda ao passar o ponteiro do mouse sobre o item do dropdown. Para a minha surpresa, algo tão simples demorei um pouco para conseguir encontrar algo relevante e que realmente funcionasse. Depois de várias tentativas frustradas, encontrei uma solução simples que estou compartilhando abaixo:
ListItem li = new ListItem("Manaus-AM (MAO)", "MAO");
li.Attributes.Add("Title", "Manaus-AM (MAO)");
ddlAeroporto.Items.Add(li);
Como podem ver, é simples! Basta incluir um atributo ao item do dropdown com o nome "Title" e o texto que tem que ser exibido.
Imagem 2: Texto de ajuda com o texto completo!
Abraços!