There are two ways that I invoke the ValidatorCalloutExtender, from the client side and the server side.
When invoked from the client side it displays correctly (more or less), in-line with TextBox but when invoked from the server side the ValidatorCalloutExtender displays in the upper left corner of the ModalPopupExtender's Panel
I have reduced the HTML and code down to the bare minimum for ease of viewing, while maintaining the issue.
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="WebForm1.aspx.cs" Inherits="EAAP.WebForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" AsyncPostBackTimeout="600" ScriptMode="Debug" EnablePartialRendering="true" EnablePageMethods="true" LoadScriptsBeforeUI="true" /><asp:Button ID="Button_Show" runat="server" Text="New" Width="60" /><asp:ModalPopupExtender ID="ModalPopupExtender_Server_New" runat="server" Drag="true" PopupControlID="Panel_Server_New" TargetControlID="Button_Show" BackgroundCssClass="modalPopUpBackground" ></asp:ModalPopupExtender><asp:Panel runat="server" ID="Panel_Server_New" style="display:none;border:7px solid #56575a;background-color:#56575a" ><table width="100%" style="border-collapse:collapse; padding:0;" cellpadding="0"><tr><td><asp:TextBox ID="TextBox1" runat="server" MaxLength="15" /><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="None" ControlToValidate="TextBox1" ErrorMessage="Required Field" InitialValue="" ValidationGroup="ValidationGroup_Server_INSERT" /><asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" CssClass="ValidatorCalloutExtender" PopupPosition="Right" TargetControlID="RequiredFieldValidator1" WarningIconImageUrl="~/etc/img/status/warning_sm.png" /></td> </tr><tr><td><asp:Button ID="Button_Server_Save" runat="server" Text="Save" Width="60" ValidationGroup="ValidationGroup_Server_INSERT" OnClick="Button_Server_Save_Click" /></td></tr></table></asp:Panel></form></body></html>
CS
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace EAAP
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button_Server_Save_Click(object sender, EventArgs e)
{
RequiredFieldValidator1.IsValid = false;
ModalPopupExtender_Server_New.Show();
}
}
}Thanks for you assistance