Ajax PopupMenu is not displaying at right indent at first

Last post 07-03-2009 12:33 PM by DayNight. 8 replies.

Sort Posts:

  • Ajax PopupMenu is not displaying at right indent at first

    06-22-2009, 6:03 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

    Hi Folks,

    In my gridView, i used ajax PopupMenu.

    Problem is menus are not always at the right distance from the cell (they change indent distance on mouse out and in), where my onMouseEvent is.

    I tried in FireFox its works fine. but in MS IE i have to use compatibility view to make it correct.

    Any ideas guys?

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-23-2009, 2:55 AM
    • Member
      67 point Member
    • DayNight
    • Member since 05-21-2009, 11:03 AM
    • Posts 34

    Even I got the same Prroblem, but i used CSS to fix it....!

    using css for panel(like all the popup control in the panel), and set the property Margin-left:auto and margin-right:auto

    then its working fine for me...!

  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-26-2009, 4:45 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

     But i dont want "auto" is ther any other way?

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-30-2009, 10:29 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

     Guys i am still stuck with the issue. My gridview itemfield is below, dont think anything is wrong there.

     

     

    <ItemTemplate>

     

    <cc1:HoverMenuExtender ID="hoverMenu" runat="Server" HoverCssClass="popupHover" PopupControlID="PopupMenu9"

     

     

    PopupPosition="left" TargetControlID="Panel99" PopDelay="5" OffsetX="120" OffsetY="20" /> <asp:Panel ID="PopupMenu9" runat="server" Style="display: none" CssClass="popupMenu" >

     

    <div id="popupMenudiv9" style="border: 1px outset white; padding: 2px;" runat="server">

    <%

     

    If Session("CurrUserAccessLevel") = "0" Then%><table id="tblMenu" runat="server" cellpadding="0" cellspacing="0">

     

    <tr id="tr1" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnViewComments" runat="server" Text="View Comments" CommandName="Select"

     

    CausesValidation="false" />

     

    </td>

     

    </tr>

     

    <tr id="tr2" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnAddCommentsCommand" Enabled='<%# Eval("ResponsibleEngineer") = Session("CurrUserEngineerID")%>'

     

    runat="server" Text="Add Comments" CommandName="AddComments" CausesValidation="false" />

     

    </td>

     

    </tr>

     

    <tr id="tr3" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnPriority" Text="Set priority" runat="server" Enabled='<%# Eval("ResponsibleEngineer") = Session("CurrUserEngineerID")%>'

     

    CommandName="Priority"></asp:LinkButton>

     

    </td>

     

    </tr>

     

    <tr id="tr4" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnOutlookDt" runat="server" Text="Outlook date" Enabled='<%# Eval("ResponsibleEngineer") = Session("CurrUserEngineerID")%>'

     

    CommandName="OutlookDate"></asp:LinkButton>

     

    </td>

     

    </tr>

     

    </table>

    <%

     

    ElseIf Session("CurrUserAccessLevel") = "1" Then%><table id="tblMenu2" runat="server" cellpadding="0" cellspacing="0">

     

    <tr id="tr5" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnViewComments2" runat="server" Text="View Comments" CommandName="Select"

     

    CausesValidation="false" />

     

    </td>

     

    </tr>

     

    <tr id="tr6" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnAddCommentsCommand2" Enabled='<%# Eval("ResponsibleTeam") = Session("CurrUsersTeamID")%>'

     

    runat="server" Text="Add Comments" CommandName="AddComments" CausesValidation="false" />

     

    </td>

     

    </tr>

     

    <tr id="tr7" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnPriority2" Text="Set priority" runat="server" CommandName="Priority"></asp:LinkButton>

     

    </td>

     

    </tr>

     

    <tr id="tr8" runat="server">

     

    <td style="height: 15px">

     

    <asp:LinkButton ID="btnOutlookDt2" runat="server" Text="Outlook date" CommandName="OutlookDate"></asp:LinkButton>

     

    </td>

     

    </tr>

     

    </table>

    <%

     

    End If%></div>

     

    </asp:Panel>

     

    <asp:Panel ID="Panel99" runat="server" Width="20px">

     

    <asp:CheckBox ID="CheckboxCtrl2" runat="server" />

     

    </asp:Panel>

     

    </ItemTemplate>

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-30-2009, 11:00 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

     Can you post your code. Will be great help.

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-30-2009, 11:08 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

     When i move my mousePointer first time to the cell, hoverMenu is displayed at 200px (almost) then i try again and it comes back to the correct indent. any Ideas???

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-30-2009, 11:12 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

    This is my CSS

    .popupMenu
    {
        font-family:arial,helvetica,sans-serif;
        font-size: 8pt;
        position:absolute;
     visibility:hidden;
     background-color:#F5F7F8;
     opacity:.9;
     filter: alpha(opacity=90);
    }

    .popupHover
    {
     margin-left:auto;
     margin-right:auto;
        font-family:arial,helvetica,sans-serif;
     background-image:url(images/header-opened.png);
     background-repeat:repeat-x;
     background-position:left top;
     background-color:#F5F7F8;
    }

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    06-30-2009, 11:23 AM
    • Participant
      1,399 point Participant
    • jagjot
    • Member since 10-19-2006, 9:02 AM
    • United Kingdom
    • Posts 746

     Looks Like its is a bug.... My Client will not be happy with me... MS guys DO something to this BUG.

    http://forums.asp.net/p/1062856/1530214.aspx#1530214

     

    http://forums.asp.net/p/1019360/1376554.aspx

     

    Ajax Toolkit

    http://www.codeplex.com/WorkItem/View.aspx?ProjectName=AjaxControlToolkit&WorkItemId=2376

    Jagjot Singh
    MCP, CCNA
  • Re: Ajax PopupMenu is not displaying at right indent at first

    07-03-2009, 12:33 PM
    • Member
      67 point Member
    • DayNight
    • Member since 05-21-2009, 11:03 AM
    • Posts 34

    here is one suggestion...!just try it this way...I am pretty sure its gonna work for you...!

    make a 2 division

    <div>

     blah blah.....thsi is your main control...like gridview, tabs, buttons anything(which is on main screen)

    </div>

    now in another division

    <div >

    make a panel with all control you wanna show when popup show up...Like labels, textbox etc....

     <panel id="xyz" cssclass = "popup">
     
     controls

     </panel>

     <ajax:modalpopupextender .....with properties....>

     </ajax:modapopupextender>


    </div>

    now in css you can do anything you want in cssclass .popup...!

    Regards,
    Varun Jaswal.

Page 1 of 1 (9 items)