none
Trocar o CSS dos botões de uma master page RRS feed

  • Pergunta

  • Eu estou com um problema com a minha master page.

    Nela tem um menu (que são 4 botões) que leva a cadastros principais do sistema.

    Dependendo do cadastro que o usuário selecione, a imagem do botão deve mudar, para que mostre ao usuário que ele está em uma determinada página.

    A forma de como isso foi feito, seria colocar nesse botão, o CSS que iria fazer a troca da imagem. Alguem sabe como eu faço isso?

    Eu já sei que da para mudar o atributo referente a CssClass, e nele colocar o css que eu quero que fique no botão dependendo da escolha que o usuário estiver feito.

    Eu consigo apenas no Evento Load das master page trocar esse atributo, mas se eu tento colocar no botão que chama a tela esse css, não funciona, e eu também não consigo colocar no evento load da página que ficará aberto. Alguém poderia me ajudar nessa?

    Segue o código para pode melhor ajudar

    Esse é o código que fica na Master Page, e é assim que aparece na tela principal, aonde o usuário loga e vai escolher que parte do sistema vai trabalhar

    <asp:LinkButton ID="btnMedicao" runat="server" CssClass="menuItem medicao" onclick="btnMedicao_Click1"><span>Medição</span></asp:LinkButton>
    <asp:LinkButton ID="btnRacks" runat="server" CssClass="menuItem racks" onclick="btnRacks_Click"><span>Racks</span></asp:LinkButton>
    <asp:LinkButton ID="btnExtensao" runat="server" CssClass="menuItem extensao" onclick="btnExtensao_Click"><span>Extensão</span></asp:LinkButton>
    <asp:LinkButton ID="btnDistribuidor" runat="server" CssClass="menuItem distribuidor" onclick="BtnDistribuidor_Click"><span>Distribuidor</span></asp:LinkButton>
    <asp:LinkButton ID="btnMedicao" runat="server" CssClass="menuItem medicao" onclick="btnMedicao_Click1"><span>Medição</span></asp:LinkButton>
    <asp:LinkButton ID="btnRacks" runat="server" CssClass="menuItem racks" onclick="btnRacks_Click"><span>Racks</span></asp:LinkButton>
    <asp:LinkButton ID="btnExtensao" runat="server" CssClass="menuItem extensao" onclick="btnExtensao_Click"><span>Extensão</span></asp:LinkButton>
    <asp:LinkButton ID="btnDistribuidor" runat="server" CssClass="menuItem distribuidor selecionado" onclick="BtnDistribuidor_Click"><span>Distribuidor</span></asp:LinkButton>

    O código acima é o que deveria ser no caso do usuário ter selecionado o cadastro do distribuidor. Como vocês podem ver, o link button tem no seu CssClass um css a mas que é o "selecionado". É esse css que mostraria que o distribuidor que foi selecionado, e que o programa está tratando de distribuidores.

    Se alguem puder me ajudar...

    Lembrando que eu sei mudar os atributos do cssClass, no Page_Load da masterPage, e por isso eles ficam com o 1° código que eu mostrei, o que eu não sei é como fazer que o CssClass fique como o exemplo do segundo código.

    Tks


    :(

    segunda-feira, 16 de julho de 2012 13:17

Respostas

  • Tente utilizar o FindControl para MasterPage e mudar o atributo CssClass, exemplo:

    ((LinkButton)Page.Master.FindControl("btnMedicao")).CssClass = "Classe";

    []'s

    Danilo Oliveira MCTS - SQL Server 2008, Implementation and Maintenance Blog: www.coffeeandcodes.com.br

    • Marcado como Resposta Bequi segunda-feira, 16 de julho de 2012 14:10
    segunda-feira, 16 de julho de 2012 14:03

Todas as Respostas

  • Tente utilizar o FindControl para MasterPage e mudar o atributo CssClass, exemplo:

    ((LinkButton)Page.Master.FindControl("btnMedicao")).CssClass = "Classe";

    []'s

    Danilo Oliveira MCTS - SQL Server 2008, Implementation and Maintenance Blog: www.coffeeandcodes.com.br

    • Marcado como Resposta Bequi segunda-feira, 16 de julho de 2012 14:10
    segunda-feira, 16 de julho de 2012 14:03
  • Valeu DaniloTec, funcionou perfeitamente :D

    Tks...


    :(

    segunda-feira, 16 de julho de 2012 14:10