Olá, pessoal! Nos dias de hoje estamos, praticamente, na era da web 3.0, onde tudo funciona por e através do browser. Para quem desenvolve utilizando os componentes nativos da Microsoft e do Visual Studio 2010, sempre houve problemas de compatibilidade em alguns casos. E o mais difícil deles é o do <asp:menu>, aquele que aparece menu >> sub menu >> sub sub menu e assim por diante…

O objetivo desde artigo é mostrar como deixar o componente asp:menu do seu site, ou sistema, compatível com qualquer browser.

O interessante de usar o <asp:menu> é a integração simples e fácil que ele possui com o banco de dados. Dessa forma, o menu é trazido do banco de dados e montado na tela rapidamente.

A maioria dos aplicativos hoje não possui compatibilidade entre os browsers. Se o usuário estiver utilizando o Chrome, o Firefox ou o Safari, o menu não abre e quando se clica nele, ele some. Para deixar o menu compatível com todos os sites foi preciso seguir alguns passos importantes. Vamos lá!

Primeiro passo:

Gerar uma pasta chamada App_Browsers dentro do Visual Studio 2010.

Ele vai criar uma pasta exclusiva para browser, então cliquei com o botão direito em cima da pasta App_Browsers para criar um novo item.

O próximo passo é escolher o tipo do arquivo. Geralmente, ele tem a extensão “.browser”. 

Coloque o nome do arquivo “Safari.browser” e clique no botão Add.  Automaticamente aparecerá o arquivo com algumas tags específicas. Apague todas e coloque o código abaixo.

<browsers>

    <browser refID="Safari1Plus">

        <controlAdapters>

          <adapter controlType="System.Web.UI.WebControls.Menu" adapterType="" />

        </controlAdapters>

    </browser>

</browsers>

Pronto, agora o seu componente está funcional em qualquer browser, mesmo carregado dinamicamente pelo banco de dados, ou qualquer outro tipo de dado.

Espero que este artigo tenha sido útil e tenha ajudado vocês. Qualquer dúvida é só entrar em contato!