Move the Login Box

It is a rather simple task to move your login box from one location to another; however, you will need to understand a bit about templates first.

1. Your website's template contains editable and non-editable "regions." The Login box (and the Search box) must be associated with one of these editable regions. It can be placed either before (pre) any other content in the region, or it can be placed after (post) any content in the region.
2. In this illustration, the Login box has been placed in the pre Left Content region. The Search box has been placed in the pre Right Content Region.
   
   You can place the Login box (or the search box) pre or post any of the editable regions. These regions are shown in this illustration.
3. To move the Login box, begin by clicking on the Template Module and then selecting the root level page.
4. Click on the edit Setup icon and scroll to the bottom of the form.
5. Next, you will need to add your TypoScript code. Although the code is simple, you will need to modify it based on where you want to place the Login box.
6. The lines of code are:
   
   # Move Login Box
   lib.rightcontent_pre < lib.login
   lib.login >
7. This would place the Login box at the top of the Right Content region.
8. To place the login box after the Left Content region, the code would be:
   
   # Move Login Box
   lib.leftcontent_post < lib.login
   lib.login >
9. Use the following to determine where you would place your Login box:
   
   maincontent
   leftcontent
   rightcontent
   bannerimg
   subcontent
10. Now, we'll place our login box before the Main Content region. To do so, use the following TypoScript
    
    # Move Login Box
    lib.maincontent_pre < lib.login
    lib.login >
11. Scroll up to the top of the Setup form and click on the Update button to save your work. Then click on the Show page icon to view the results.
12. As you can see, the Login box has moved to the maincontent_pre location, just as we'd planned. You can use these same instructions to move the Search box by replacing the lib.login code with lib.search.