Usando pseudo-selector no Sharepoint 2010

[Roger Luiz]

Pessoal,

Alguém aqui já tentou usar pseudo-selector no CSS para funcionar algo no Sharepoint?

Estou tentando implantar umas tabs sem javascript e usam isso... em um HTML normal funciona, mas quando coloco dentro do Sharepoint, não dá certo. O estilo se aplica, mas o clique no header do tab não ativa de jeito nenhum...

Acho que o problema é aqui:

[id^=tab]:checked ~ [id^=tab-content] {

    display: block;

}

[Roger Luiz]

Testei em outros navegadores e funcionou normalmente, mesmo dentro do Sharepoint.

Só no IE (8, 9 e 11) que não.

Criei uma página HTML separada e testei e funcionou em todos, mesmo no IE.

--
--
Visite: http://www.anselmeit.com
-----------------------------------------------------------------------------------------------------------------
 
Você recebeu esta mensagem porque está inscrito no Grupo "SharePoint
Brasil!" nos Grupos do Google.
Para postar neste grupo, envie um e-mail para
sharepoi...@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para
sharepoint-bra...@googlegroups.com
Para ver mais opções, visite este grupo em
http://groups.google.com/group/sharepoint-brasil?hl=pt-BR?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "SharePoint Brasil!" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para sharepoint-bra...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Roger Luiz]

Criei uma questão no Stack:

http://sharepoint.stackexchange.com/questions/131354/css-tab-in-sharepoint

[Christiano Sabarense Neto]

O problema é que o Internet explorer nao renderiza html5 100%.

Mude as tags html5 para DIV que funciona, fiz o teste aqui no IE9 e funcionou.

Atenciosamente,

CHRISTIANO SABARENSE NETO

| Microsoft Certified Professional - MS, MCT, MCTS, MCITP, MCPD, MCSA
| Profile | Transcript On-Line | ID: 969847 | CODE: christianosneto
| Mobile: + 55 31 9892-7178 
| Hangouts: christi...@gmail.com
| Skype: christianosabarense

[Roger Luiz]

Oi Christiano, obrigado pela ajuda.

Quais tags HTML5 você diz?

[Roger Luiz]

Aliás, você testou fora do Sharepoint, né...

Fora do Sharepoint pra mim também funcionou no IE, sem ter de alterar nada.

O problema é quando eu coloco dentro da minha Visual WebPart. Aí nem o CSS pega direito.

[Christiano Sabarense Neto]

Eu alterei a tag NAV e SECTION.

Sim, fora do sharepoint que fiz e mesmo assim o IE nao renderizava.

O sharepoint não é problema, a não ser que seus ids e classes ja foram utilizados, ai vc precisa sobrescrever o css colocando !important ao final.

Atenciosamente,

CHRISTIANO SABARENSE NETO

| Microsoft Certified Professional - MS, MCT, MCTS, MCITP, MCPD, MCSA
| Profile | Transcript On-Line | ID: 969847 | CODE: christianosneto
| Mobile: + 55 31 9892-7178 
| Hangouts: christi...@gmail.com
| Skype: christianosabarense

[Roger Luiz]

Eu também pensei que pudesse ser alguma classe sobrescrevendo. Por isso, alterei os nomes de tudo e mesmo assim não deu certo.

O que você colocou no lugar de SECTION e NAV?

[Christiano Sabarense Neto]

Nav ele coloquei div, e no section eu coloquei span

Atenciosamente,

CHRISTIANO SABARENSE NETO

| Microsoft Certified Professional - MS, MCT, MCTS, MCITP, MCPD, MCSA
| Profile | Transcript On-Line | ID: 969847 | CODE: christianosneto
| Mobile: + 55 31 9892-7178 
| Hangouts: christi...@gmail.com
| Skype: christianosabarense

[Roger Luiz]

Christiano, obrigado pela ajuda.

Consegui fazer funcionar com a sua dica de trocar os elementos.

Acho que o problema maior é que o DOCTYPE do Sharepoint 2010 não permite ler corretamente o SECTION e nem o NAV, mesmo se estiver no IE 11. Eu criava a página separada (fora do Sharepoint) e funcionava normal, mas nada dentro dele e era por causa disso.

Existe uma dica de criar um meta-tag para rodar sempre em modo compatível ou incluir o DOCTYPE html, mas eu preferi essas simples alterações que você citou, já que o impacto era menor.

[Christiano Sabarense Neto]

Bom dia Roger,

Isso mesmo, você tem que ir adequando o cabeçalho da MasterPage para suportar html5.

De início para resolver o problema te dei solução de alterar as tags, mas não é uma solução "bonita" ai andei pesquisando e cheguei até este material completo que sana todos estes problemas.

http://blog.sharepointexperience.com/2012/07/convert-sharepoint-2010-master-page-html5/

Abraços.

Atenciosamente,

CHRISTIANO SABARENSE NETO

| Microsoft Certified Professional - MS, MCT, MCTS, MCITP, MCPD, MCSA
| Profile | Transcript On-Line | ID: 969847 | CODE: christianosneto
| Mobile: + 55 31 9892-7178 
| Hangouts: christi...@gmail.com
| Skype: christianosabarense