Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Popup to be shown on sign in

Avatar

Level 1

I have dragged AEM's default form component into a parsys in a page. As of now this  page is shown on clicking of login icon on my home page.

I want this page to be shown ,on click of login icon , as a popup on my home page.

I could have used jquery plugin as mentioned in this link https://www.formget.com/jquery-popup-form/ , but the problem lies in using the popup for  default form component of AEM.

Can you please tell me on how to use the same form as a popup.

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi

Please have a look at this :-

Link:- https://helpx.adobe.com/experience-manager/using/secure_sites.html

// Building Secure Adobe Experience Manager Web Sites

[img]https://helpx.adobe.com/experience-manager/using/secure_sites/_jcr_content/main-pars/image_3.img.png...

 

        AEM form-based authentication displays a login form (as shown in the previous illustration). When the user fills in the login form and submits the data, AEM stores the successful authentication in a Cookie or         an HTTP Session. If the authentication is unsuccessful, then an error message is displayed. 

        By default, the URL of a form submission has to end with /j_security_check. That is, a login Form Action can POST to <anything>/j_security_check. For example:

        <form action="${homePage.path}/j_security_check

        The user name and password names must be j_username and j_password. For example:

        <div class="form-group">
        <label for="j_username">Username</label> <input type="text"
        name="j_username">
        </div>
        <div class="form-group">
        <label for="j_password">Password</label> <input type="password"
        name="j_password">
        </div>

Option 2 :- Check the networks calls in browser console wile logging in, and try to submit the parameters of form accordingly.

~kautuk



Kautuk Sahni

View solution in original post

1 Reply

Avatar

Correct answer by
Administrator

Hi

Please have a look at this :-

Link:- https://helpx.adobe.com/experience-manager/using/secure_sites.html

// Building Secure Adobe Experience Manager Web Sites

[img]https://helpx.adobe.com/experience-manager/using/secure_sites/_jcr_content/main-pars/image_3.img.png...

 

        AEM form-based authentication displays a login form (as shown in the previous illustration). When the user fills in the login form and submits the data, AEM stores the successful authentication in a Cookie or         an HTTP Session. If the authentication is unsuccessful, then an error message is displayed. 

        By default, the URL of a form submission has to end with /j_security_check. That is, a login Form Action can POST to <anything>/j_security_check. For example:

        <form action="${homePage.path}/j_security_check

        The user name and password names must be j_username and j_password. For example:

        <div class="form-group">
        <label for="j_username">Username</label> <input type="text"
        name="j_username">
        </div>
        <div class="form-group">
        <label for="j_password">Password</label> <input type="password"
        name="j_password">
        </div>

Option 2 :- Check the networks calls in browser console wile logging in, and try to submit the parameters of form accordingly.

~kautuk



Kautuk Sahni