This time the targeted scenario was to implement a login the way I saw it on on10.net.

Using the Atlas Control Toolkit, I started to implement the scenario with a ModalPopup atlas control surrounding an ASP.NET Login.

After some drag and drop on the designer I hit the F5, and I was in front of my Modal login. Nice, but no postback, so no login. Tehn I came with the idea to add the property UseSubmitBehavoir to false for OK/Cancel button like so:

<asp:Button ID=”OkButton” runat=”server” Text=”OK” OnClick=”OkButton_Click” UseSubmitBehavior=false></asp:Button>

I had then my postback, but all controls in my login template were empty. After spending some time on that without success I gave up.

But yesterday evening I came back to this and downloaded the latest bits of the Atlas Control Toolkit from CodePlex. By the way Korby, I can’t wait getting my projects there ;-) And restarted the implementation using the demo web application they deliver with it. And there it worked fine.

<asp:Panel ID=”LoginPanel” runat=”server” CssClass=”modalPopup” Style=”display: none”>
   <asp:Login ID=”Login1” runat=”server” LoginButtonText=”S’identifier” PasswordLabelText=”Mot de passe:” PasswordRequiredErrorMessage=”Le mot de passe est requis.” RememberMeText=”Se souvenir de moi.” TitleText=”Identifiez vous “ UserNameLabelText=”Nom d’utilisateur:” UserNameRequiredErrorMessage=”Le nom d’utilisateur est requis.”>
   </asp:Login>
   <asp:Button ID=”CancelButton” runat=”server” Text=”Cancel”></asp:Button></asp:Panel>

   <span class=”login”>

      <asp:LinkButton ID=”LinkButton1” runat=”server” Text=”S’identifier”></asp:LinkButton>   |
      <asp:HyperLink ID=”HyperLink1” runat=”server” NavigateUrl=”~/Register.aspx”>S’enregistrer</asp:HyperLink>
   </span>

<atlasToolkit:ModalPopupExtender ID=”ModalPopupExtender1” runat=”server”>
   <atlasToolkit:ModalPopupProperties TargetControlID=”LinkButton1” PopupControlID=”LoginPanel” BackgroundCssClass=”modalBackground” CancelControlID=”CancelButton” />
</atlasToolkit:ModalPopupExtender>

And now with some slight modification to my implementation it is also working fine as you can see:

atlas login