Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Popup to be shown on sign in

lipishree_choud
Level 1
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
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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

View solution in original post

1 Reply
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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

View solution in original post