ASP.NET AJAX $find always returns null in usercontrol

Question

I want to use multiple targets with my ModalPopUp extender. One of my buttons is set as target in the ModalPopup and the other one will use server-side code to show the ModalPopup.

This is my ModalPopup so far:

<msAjax:ModalPopupExtender ID="modalInform" runat="server" 
        BehaviorID="modalInform" 
        TargetControlID="btnSearchUsers" 
        PopupControlID="pnlInform" 
        RepositionMode="RepositionOnWindowResize" 
        BackgroundCssClass="modalWindow"
        OkControlID="linkCloseInform" />

Then I found this little tutorial on the ASP.NET AJAX site. But when I use $find("modalInform") in the pageLoad Javascript function (as defined in the tutorial at the bottom), I'm always getting a $find("modalInform") is null error.

This code is included in a usercontrol, the usercontrol is used in a ASPX page and this ASPX-page uses a MasterPage. I've noticed that if I'm using

<%= modalInform.ClientID %>

I'm getting a different value then defined in my HTML-source (propably because of the MasterPage?).

Does somebody know what the problem could be?

Thanks in advance!

Answer 1

Try to combine the ClientID with the $find method.

instead of

$find("modalInform") 

try this

$find('<%= modalInform.ClientID %>')