CShared #2 – [Asp.net] CalendarExtender problema em display | C# Brasil


CShared #2 – [Asp.net] CalendarExtender problema em display

{lang: 'pt-BR'}

Olá pessoal, dando seguimento a série CShared. Desta vez com um problema de layout.
Imagine que por algum motivo desconhecido você se depara com a seguinte situação, o componente CalendarExtender esta “misturado” com o outros componentes/divs de layouts/grids.
Um pouco complicado de explicar via texto, portanto veja a imagem:

Problema CSS

Ok. E ai como fazer com que o popup do calendario apareça sobre o grid?
A soução é mais simples do que parece: CSS.
Altere a propriedade z-index, segue um exemplo de css para a page aspx.


        .ajax__calendar_container
        {
            z-index: 1000;
        }

Agora é só dar o refresh na pagina e o resultado será:

CalendarExtender Correção

CalendarExtender Correção

Espero que a dica tenha sido útil.
Até a próxima.

Join the forum discussion on this post

Posts relacionados:

  1. CShared #3 – [Asp.net] Problema de acentuação (Encoding)
  2. CShared #1 – [C#] Contagem de dias úteis entre duas datas.
  3. Usando Skin em ASP.NET
  4. Krypton Suite 4.1 Released
  5. Fórum C-Sharp

Postado em AJAX, ASP.NET, C#, CSS, Dicas | Marcado como , , , , , , , , , , ,

2 comentários sobre “CShared #2 – [Asp.net] CalendarExtender problema em display”

  1. Marcio disse:

    Oi amigo,

    Antes de mexer no z-index você tentou display : block?

    :)

  2. samuel_cazelli disse:

    Eu tive um problema com este componente no Internet Explorer, onde ele ficava posicionado sempre à uns 200px à esquerda do textbox.

    Fiz um javascript para corrigir. Se alguém precisar segue:

    http://pastebin.com/2hhqYraU

Deixe um Comentário

Qual a soma da expressão:
4 + 2