Technote Details :: How to create NeXTensio Lists and Forms inside a panel

Learn what changes have to be made to a NeXTensio list and form that are displayed inside a site created using MX AJAX Toolbox, using panels.

Before creating the actual list and form you have to follow a few steps:

1. Create a new Dreamweaver site. Before creating a new page in the site apply the Site menu > New AJAX Site command to set the layout. Also define for the main content area at least two states: one for the NeXTensio list to be displayed into and one for the form. Name those in an intuitive manner. In the examples below, the states are named AlbumList and AlbumForm.
2. Createa a Dreamweaver database connection to the tables that will be used for display in the NeXTensio list and management with the form.

To correctly create the NeXTensio list, follow the next steps:

1. From the MX AJAX Toolbox tab of the Insert bar click the Edit panel states button. In the menu select the list state of the main content - in this case AlbumList.
2. Place the mouse cursor inside the panel and apply the NeXTensio List wizard. The main change that you have to make to have the list AJAX - compliant is on the first step of the wizard, when defining the link to the form.. An AJAX link can be built to point to a certain panel's state by using an URL parameter. The URL parameter contains the panel name and the state name as value. For example, to point to the AlbumForm state of the Content page you would write something like this: Content__state=AlbumForm. Note the double underscore (__) between the panel name and the state keyword.
3. Fill in such a page for the Detail page field of the wizard's first step:
   
   
   
4. For the other options in the NeXTensio List Wizard, fill them in the regular manner. The fact that it is in a panel does not change field settings.

Lastly, to build the NeXTensio form, follow these steps:

1. Click on the main content panel to select it. Then, in the MX AJAX Toolbox tab click the Edit panel states icon. From the menu pick the AlbumForm state.
2. Place the cursor inside the panel and apply the NeXTensio Form Wizard from the MX Kollection 3 tab.
3. Create the form from the user interface persistence saved by the list. In the wizard hit Finish directly.
4. To enhance the album form and to further test the panel integration, create a new row in the form table and apply the Server Behaviors tab > Plus (+) > MX Kollection > Multiple Image Upload server behavior (available only in the Professional version).
5. Configure the user interface to upload the images on the server in a folder, without saving their names in a database.
6. Now save the changes to the panel state and the master page. Then preview the site in the browser to test out the list and form. Even the flash-powered multiple upload should work correctly.