Как решить проблему с modalpopupextender

---

У меня есть следующий фрагмент на моей странице aspx:

<td>
   <asp:DropDownList ID="ddlChildOrder" runat="server"></asp:DropDownList>
     
   <asp:Button ID="btnBullets" runat="server" Text="Bullets" />
   <asp:Button ID="btnLinks" runat="server" Text="Links" />
   <asp:Button ID="btnText" runat="server"  OnClick="btnText_OnClick" Text="Text" />
   <asp:Button ID="btnVideos" runat="server"   Text="Videos" />
   <ajx:ModalPopupExtender ID="ModalPopupVideo" PopupControlID="panelVideo"
                      TargetControlID="btnVideos" CancelControlID="btnCloseVideoPanel"
                      BackgroundCssClass="modalBackground" runat="server" />
</td>

и панель, которая должна всплывать, находится дальше на странице:

asp:Panel Width="1500" Height="250" ID="panelVideo"  runat="server">
     <div class="modal-content">
        <div class="modal-header">
           <asp:Button ID="btnCloseVideoPanel" Text="X" CssClass="closeWin"  runat="server" />
     <h2>
       <asp:Label ID="lblTitle" Text="Videos" runat="server"></asp:Label>
     </h2>
     </div>
.....

почему я получаю эту ошибку?
TargetControlID of " не является допустимым. Значение не может быть пустым или нулевым.

свойство присваивается существующей кнопке., на самом деле intellisense для этого свойства перечислила его как опцию

Что я уже пробовал:

Так много гуглить у меня болит мозг

---