TextBoxWatermark + Textbox para senha

[Thyago Brasil 0]

Galera,

 

Boa Tarde!!

 

É o seguinte. Achei no AjaxControlToolkit esta ferramenta para colocar uma frase do tipo "Coloque sua senha aqui", como é no msn antes de nos logarmos. Quando clicamos dentro da caixa de texto, ela apaga a mensagem pra podermos digitar a senha.

 

Essa ferramenta, sei que faz isso, porém na propriedade textMode do textbox, esta como password e quando coloco o TextBoxWatermark, a frase fica tudo desta forma: *******. Como fazer pra essa frase ser texto e quando o usuário clicar na caixa de texto vire modo de senha novamente?

 

Obrigado,

 

Thyago

[quintelab 91]

Acho que usando o controle do Ajax não terá como. Procure outra forma, acho que da pra fazer isso com css ou JavaScript.

 

Abraços...

[Cega86 0]

Thyago já passei pelo mesmo problema e solucionei da seguinte forma:

você deve atribuir uma imagem de fundo ao textBox em questão e nao propriedade WatermarkText coloque um "*" e depois aponte para um css que colocará a imagem de fundo.

a imagem eu fiz no paint mesmo depois você só tem q ajusta-la no css

segue o exemplo:

 

<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server"
                 TargetControlID="txtSenha" WatermarkText="*" WatermarkCssClass ="WaterMarkedTextBox2">
             </ajaxToolkit:TextBoxWatermarkExtender>

<style type="text/css">
   .WaterMarkedTextBox2
   {
    border-right: #ccccff thin solid;
    border-top: #ccccff thin solid;	
    border-left: #ccccff thin solid;	
    border-bottom: #ccccff thin solid;
    color: white;
    display: inline;
    background-image:url(imagens/senha_nova.png);
    background-repeat:no-repeat;
    background-position:5px 0px ;

    visibility: visible;
   } </style>