locked
HoverMenuExtender is how appearing and appearing inside grid RRS feed

  • Question

  • User-1738998028 posted

    Hi,

    I have below code for hovermenu extender

     <ItemTemplate>
                   <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/Images/boxes.png" CommandArgument='<%#Eval("ShipmentID") %>'
                                                 Width="15" Height="15" />
                                <ajax:HoverMenuExtender ID="hmextenderAction" runat="server" TargetControlID="btnEdit" PopupControlID="pnlHover"
                                                         PopDelay="50" OffsetX="40" OffsetY="-5"></ajax:HoverMenuExtender>
                                <!-- pop up hover start -->
                                <asp:Panel ID="pnlHover" runat="server" HorizontalAlign="right" CssClass="popuphover">
                                    <div class="hoverpanel">                                    
                                        <asp:LinkButton ID="lnkEdit" CommandName="goDetail" CommandArgument='<%# Eval("ShipmentID") %>' CssClass="contentfont nounderline"
                                                        runat="server" Text="Edit" CausesValidation="false"></asp:LinkButton><br />
                                                                    
                                    </div>
                                </asp:Panel>

    extender is not showing or appearing on move over image. but it is showing always under need of image. please advice,

    might need to fix something.

    Thanks

    Tuesday, June 10, 2014 6:04 AM

All replies

  • User366904899 posted

    I have just copy paste your code in our project it is working fine

      <asp:GridView ID="GridView1" runat="server" Width="100%" OnRowDataBound="GridView1_RowDataBound"
                            AutoGenerateColumns="false">
      <Columns>
      <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:ImageButton ID="btnEdit" runat="server" Width="15" Height="15" />
                                        <ajax:HoverMenuExtender ID="hmextenderAction" runat="server" TargetControlID="btnEdit"
                                            PopupControlID="pnlHover" PopDelay="50" OffsetX="40" OffsetY="-5">
                                        </ajax:HoverMenuExtender>
                                        <!-- pop up hover start -->
                                        <asp:Panel ID="pnlHover" runat="server" HorizontalAlign="right" CssClass="popuphover">
                                            <div class="hoverpanel">
                                                <asp:LinkButton ID="lnkEdit" CommandName="goDetail" CssClass="contentfont nounderline"
                                                    runat="server" Text="Edit" CausesValidation="false"></asp:LinkButton><br />
                                            </div>
                                        </asp:Panel>
                                    </ItemTemplate>
                                </asp:TemplateField>
    </Columns>
                        </asp:GridView>

    http://www.codeproject.com/Tips/711023/GridView-with-HoverMenuExtender

    What is code of popuphover css??

    try with remove all css

    Tuesday, June 10, 2014 9:18 AM
  • User-1738998028 posted

    Hi,

    Thanks,

    That code was copied from other page of my working page in same project. only on this page , not working.

    On the other page, working perfectly fine.

    thanks. will try again.

    Tuesday, June 10, 2014 11:11 AM
  • User1918509225 posted

    Hi supermanNUM1,

    Since your code run very well in your previous page,i suggest that you should compare the new page with the previous ,see if there still have some differences which may cause your problem.

    Best Regards,

    Kevin Shen.

    Wednesday, June 11, 2014 1:59 AM