I'm pretty new to developing for the web so bare with me. I have a company page with multiple locations and emails etc at each of these addresses. The idea is to have a single modalpopup to edit each type of data (one for email, one for urls, one for addresses etc).

I link the modalpopupextender to a hiddenbutton and then call an edit function from various places where I can populate some hiddenfields and textboxes in the panel before showing it. The code executes but it just wont show the damn popup, I just see a flash and can't figure out if its my panel, my css or something I don't understand about ajax and postbacks etc.

Things i've tried after reading various threads:

• Disable smart navigation in web.config
• Move ToolKitScriptManager up to master page and use proxy in content
• set hiddenbutton to use style="display:none"
• tried links etc instead of hidden button

Heres my code

CSS

.modalBackground
    {
        position: absolute;
        z-index: 100;
        top: 0px;
        left: 0px;
        background-color: #000;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }

.modalPopup {
background-color: #FFD;
border-width: 3px;
border-style: solid;
border-color: gray;
padding: 3px;}

Asp/html

<ajaxToolkit:ModalPopupExtender runat="server" ID="mpe_email"     BackgroundCssClass="modalBackground" PopupControlID="modal_email" CancelControlID="btn_cancel_email" TargetControlID="fake_btn_email" />

<asp:Button ID="fake_btn_email" runat="server" Text="email" style="display:none;" />

<asp:panel id="modal_email" runat="server"  class="modalPopup" Width="500px" Height="500px">
<asp:HiddenField ID="hf_modal_email_location_id" runat="server" Value="" />
<asp:HiddenField ID="hf_modal_email_contact_id" runat="server" Value="" />
<asp:HiddenField ID="hf_modal_email_comms_id" runat="server" Value="" />

<table width="100%">
    <tr>
        <td>
            <asp:Label ID="lbl_mpe_email_title" runat="server" Text="Edit Email Address" />
        </td>
    </tr>
    <tr>
        <td>
            <table width="100%">
                <tr>
                    <td width="40px"><img src="../images/email.png" height="30px" width="30px"/></td>
                    <td>
                        <table width="100px">
                            <tr>
                                <td><span>Quick Ref: <asp:TextBox ID="txb_mpe_email_qref" runat="server" Text="" /></span></td>
                            </tr>
                            <tr>
                                <td><span>Email Address: <asp:TextBox ID="txb_mpe_email_address_full" runat="server" Text="" /></span></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
            <td width="40px" align="left"><asp:Button ID="btn_cancel_email" runat="server" Text="Cancel"/></td>
        <td align="right"><asp:Button ID="btn_save_email" runat="server" Text="Save" OnCommand="save_modal_email" /></td>
    </tr>
    <tr>
        <td colspan="2" align="right"><asp:Label ID="lbl_mpe_email_err" runat="server" Text="" /></td>
    </tr>

</table>

c#

public void oloc_ocon_email_edit(object sender, RepeaterCommandEventArgs e)
{
    switch (e.CommandName)
    {
        case "edit":
            hf_modal_email_location_id.Value = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_location_id")).Value;
            hf_modal_email_contact_id.Value = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_contact_id")).Value;
            hf_modal_email_comms_id.Value = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_comms_id")).Value;

            lbl_mpe_email_title.Text = "Edit Email Address";
            txb_mpe_email_qref.Text = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_qref")).Value;
            txb_mpe_email_address_full.Text = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_email_full")).Value;
            lbl_mpe_email_err.Text = "";

             mpe_email.Show();
            break;
        case "new":
            hf_modal_email_location_id.Value = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_location_id_p")).Value;
            hf_modal_email_contact_id.Value = ((HiddenField)e.Item.FindControl("hf_oloc_ocon_emails_contact_id_p")).Value;
            hf_modal_email_comms_id.Value = "0";

            lbl_mpe_email_title.Text = "New Email Address";
            txb_mpe_email_qref.Text = "";
            txb_mpe_email_address_full.Text = "";
            lbl_mpe_email_err.Text = "";

            mpe_email.Show();
            break;
    }
}

Stuff makes so much more sense in a desktop environment, I hope someone can point me in the right direction. Thanks