How to prevent mouseover and mouseout for active List Item using VB.Net in ASP.Net

anvina

SOLVED CLOSED ACTIVE ANSWERED
User: anvina
Posted: on Aug 24, 2017 07:56 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 2645

<ul id="linkTab">
    <li id="listCall" runat="server">
        <asp:LinkButton ID="LinkButtonCallHistory" CssClass="linkButtonTab" runat="server"
            Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Call History</asp:LinkButton></li>
    <li id="listBooking" runat="server">
        <asp:LinkButton ID="LinkButtonBookings" runat="server" CssClass="linkButtonTab" Font-Underline="False"
            ForeColor="White" Font-Bold="True" Font-Size="Large">Bookings</asp:LinkButton></li>
    <li id="listVoicemail" runat="server">
        <asp:LinkButton ID="LinkButtonVoicemals" runat="server" CssClass="linkButtonTab"
            Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Voicemails</asp:LinkButton></li>
    <li id="listDirectory" runat="server">
        <asp:LinkButton ID="LinkButtonDirectory" runat="server" CssClass="linkButtonTab"
            Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Directory</asp:LinkButton></li>
</ul>  

$(document).ready(function () {
    $('#listCall, #listDirectory, #listVoicemail,#listBooking').mouseover(function () {

        $(this).css("background-color", "darkgray");
    });
});
$(document).ready(function () {
    $('#listCall, #listDirectory, #listVoicemail,#listBooking').mouseout(function () {
        $(this).css("background-color", "gray");
    });
});


Protected Sub LinkButtonBookings_Click(sender As Object, e As EventArgs)
             
        listCall.Style.Add("background-color", "gray")
        listBooking.Style.Add("background-color", "darkgrey")
        listVoicemail.Style.Add("background-color", "gray")
        listDirectory.Style.Add("background-color", "gray")
End Sub

When i mouse over the active list the color changes to darkgray and on mouseout the color goes o inactive color gray

how to prevent mouseoverandmouseout for active list item with server controls

Download FREE API for Word, Excel and PDF in ASP.Net

anvina

0 4

Reply
ANSWER
User: anvina
Replied: on Aug 31, 2017 09:00 AM
Report

  Protected Sub LinkButtonUsers_Click(sender As Object, e As EventArgs)
        Session("Tab") = 4
        PanelSystemOverview.Visible = False
        PanelLicense.Visible = False
        PanelExtensions.Visible = False
        PanelUsers.Visible = True
        listUsers.Style.Add("background-color", "darkgrey")
        listExtension.Style.Add("background-color", "gray")
        listSystem.Style.Add("background-color", "gray")
        listLicense.Style.Add("background-color", "gray")
        LinkButtonSystem.CssClass = "linkButtonTab"
        LinkButtonExtension.CssClass = "linkButtonTab"
        LinkButtonUsers.CssClass = "linkButtonTabActive"
        LinkButtonLicense.CssClass = "linkButtonTab"
    End Sub

    <ul id="linkTab">
          <li id="listUsers" runat="server"><asp:LinkButton ID="LinkButtonUsers" runat="server" CssClass="linkButtonTab"  Font-Underline="False"  Font-Bold="True" OnClick="LinkButtonUsers_Click" Font-Size="Large">Users</asp:LinkButton></li>
          <li id="listExtension" runat="server"><asp:LinkButton ID="LinkButtonExtension" runat="server" CssClass="linkButtonTab" Font-Underline="False"  Font-Bold="True" OnClick="LinkButtonExtension_Click"  Font-Size="Large">Extensions</asp:LinkButton></li>
          <li id="listLicense" runat="server"><asp:LinkButton ID="LinkButtonLicense" runat="server" CssClass="linkButtonTab" Font-Underline="False"  Font-Bold="True" OnClick="LinkButtonLicense_Click"  Font-Size="Large">License</asp:LinkButton></li>
          <li id="listSystem" runat="server"><asp:LinkButton ID="LinkButtonSystem" CssClass="linkButtonTab" runat="server"  Font-Underline="False"  OnClick="LinkButtonSystem_Click" Font-Bold="True" Font-Size="Large">System</asp:LinkButton></li>                                              
    </ul>    

    .linkButtonTab{
        color:white;
    }
    .linkButtonTab:hover{
        color:#95be3c;
    }
    .linkButtonTabActive{
        color:white;
    }

For my .net linkButton server controls this is all i had to do to make the hover not work while hovering over the active tab

onclick of the tab you want to select just assign the active class and then the hover will not work on the tab selected.. it will retain only the style of active class assigned

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to prevent mouseover and mouseout for active List Item using VB.Net in ASP.Net

Company

Explore

Follow us

Contact Us