HoverMenuExtender question

Question

User-10248131 posted

Hello,

I have a sub menu using HoverMenuExtender and it works but I have a question here:

I have no problem adding some css style to the target control

<ajaxToolkit:HoverMenuExtender ID="hme" runat="Server"
    TargetControlID="HyperLink23"
    PopupControlID="SubMenuForLatam"
    HoverCssClass="popupHover"
    PopupPosition="Bottom"
    OffsetX="50"
    OffsetY="100"
    PopDelay="50" />

But that only adds style to Target Control. I want to have a different style for the sub menu itself, where can I define it?

Thank you very much.

Answer 1

User-10248131 posted

How silly I was, the sub menu itself can be set a css separately!!!

Now my question becomes, the main main menu is composed of a table with links in its rows, I want to get different color when mouse hover on the rows, how do I do that? Thanks.

Answer 2

User-417640953 posted

I want to get different color when mouse hover on the rows, how do I do that?

Hi mdivk,

Thank you for posting to asp.net forum.

From your description, I suggest you use the css hover feature to complete it like below.

 <style>
    #myTable tr {
        background-color:red;
         
       } 
     #myTable tr :hover {
        background-color:blue;
         
       } 

</style>
<table id="myTable" border="1">
        <tr><td>AAAAAAAAAAAAAAAAAAAA</td></tr>
        <tr><td>AAAAAAAAAAAAAAAAAAAA</td></tr>
        <tr><td>AAAAAAAAAAAAAAAAAAAA</td></tr>
        <tr><td>AAAAAAAAAAAAAAAAAAAA</td></tr>
</table>

Hope this helps. Thanks.

 

Best Regards!