none
Não consigo personalizar o ValidatorCalloutExtender RRS feed

  • Pergunta

  • Olá a todos!

    Estou com problemas para personalizar um ValidatorCalloutExtender na minha pagina.
    O que acontece é o seguinte, eu tenho um campo texto em uma página que esta dentro de um Iframe,
    quando deve aparecer a ValidatorCalloutExtender, ela aparece sempre do lado direito do textbox mas pelo tamanho da pagina
    a mensagem aparece pela metade.

    Eu gostaria de configurar este ValidatorCalloutExtender para aparecer abaixo do textbox. Isto da para fazer?

    Eu estava tentando fazer com CSS mas quando faço isso aparece a mensagem que o ValidatorCalloutExtender não possui a propriedade CssClass.

    Alguem tem ma ideia do que eu posso fazer sem alterar a estrutura da pagina?

    Obrigado!


    Rafael Beck
    segunda-feira, 19 de outubro de 2009 17:27

Respostas

  • Realmente o ValidatorCalloutExtender não possui a propriedade CssClass, mas ele possui algumas classes predefinidas para trabalhar com ele:

    • .ajax__validatorcallout_popup_table: The popup table.
    • .ajax__validatorcallout_popup_table_row: The popup table row.
    • .ajax__validatorcallout_callout_cell: The callout cell.
    • .ajax__validatorcallout_callout_table: The table in the callout cell.
    • .ajax__validatorcallout_callout_table_row: The callout table row.
    • .ajax__validatorcallout_error_message_cell: The error message cell.
    • .ajax__validatorcallout_icon_cell: The warning icon cell.
    • .ajax__validatorcallout_close_button_cell: The close button cell.
    • .ajax__validatorcallout_arrow_cell : The arror cell.
    • .ajax__validatorcallout_innerdiv: Inner div of a cell. Used in the close button cell and the arrow cell.
    Oque você tem que fazer é sobrescrever estas classes (ou só a que você precisar) no arquivo .css referenciado na página que terá o ValidatorCalloutExtender

    Exemplo:
    .ajax__validatorcallout_callout_table
    
    {
    border:solid 1px blue; background-color: #ADD8E6;
    }
    Uma outra forma de fazer isso é inserindo uma quebra de página incluindo um <br/> na propriedade ErrorMessage do validador ligado ao ValidatorCallOutExtender.
    Se o post foi útil marque como resposta. - Advanced Web Application - MCP
    • Marcado como Resposta RafaBeck terça-feira, 20 de outubro de 2009 10:35
    segunda-feira, 19 de outubro de 2009 20:21