Technote Details :: How to hide the login panel when the register form is displayed

When having a login and registration form on a site created using MX AJAX Toolbox and panels you can hide the login form when the registration form is displayed, and have it visible all other time.

To change this you have to first follow a few steps:

1. Define a new Dreamweaver site and then apply the Site menu > New AJAX Site command to generate the layout and set the desired content states. Make sure you add a state for the registration form - named e,g, register.
2. Create a database connection pointing to the table storing user information.
3. With the master page opened in Dreamweaver set the correct user options in the InterAKT Control Panel > Login Settings.
4. On the page use the Add panel button to define a new Ajax panel for the login form. Define two states for the panel: the default one and a hidden state.
   
   
   
5. From the MX AJAX Toolbox tab of the Insert bar click the Edit panel states icon. From the menu select the default state for the login panel. Then create a login form inside the panel.
6. Next you have to create the registration form. For that, on the MX AJAX Toolbox tab click the Edit panel states icon. From the menu select the register state of the main content panel.
7. Place the cursor inside the panel and apply the User Registration Form Wizard. Save the changes made to the panels and the master page.

Next you have to implement the hidding of the login form when the registration page is accessed. For this MX AJAX Toolbox offers an interface named Manage Layout Changes, where you can define various events and actions - like changing one panel when another one is changed. To use this and hide the login form, follow these steps:

1. From the MX AJAX Toolbox tab of the Insert bar click the Go to master page icon. If it is disabled, then you are already on the master page.
2. Click the Manage Layout Changes icon on the same toolbar.
3. In the user interface that loads, click the Plus (+) button on top of the grid to define a new change event. Fill in the rest of the fields as follows:
4. 1. In the When panel select the page panel which starts the change. In this case, it is the main content with the registration form on.
   2. In the Is in state select which state of the panel will start the change. Use register.
   3. In the Change panel menu select the panel which will change when the trigger takes place.
   4. In the To state menu select the state into which the target panel will go to when the change takes place. Select the hidden state to make the login form dissapear.
      
      
      
   5. Click OK to apply the change. Now when you go to the registration page in a browser, the login panel will dissapear.