In order to generate the AJAX drag & drop feature for categorizing items in browser, use the AJAX Drag and Drop Wizard. It is accessible from the MX AJAX Toolbox tab of the Insert bar (or MX AJAX Toolbox menu item from the Insert menu):
The AJAX Drag and Drop Wizard has two steps.
Configure the first step of the AJAX Drag and Drop Wizard as shown below:
Select the database connection to use for retrieving data.
Select the database table that stores the categories.
Select the table column that uniquely identifies each category.
Select the table column that stores the category labels you want displayed in browser.
Select the database table that stores the items from the available categories.
Select the table column that uniquely identifies each item.
Select the table column that links each item to the category it belongs to.
Select the table column that stores the item labels you want displayed in browser.
The buttons in the lower part of the interface (they appear on both steps of the wizard) offer the next functionalities:
With the < Back/Next > buttons you can navigate through the wizard's steps.
Click Finish to apply the wizard, when you are done configuring it.
Click Cancel to exit without the new settings to be applied.
The Help button brings you to this help page.
Click Next to continue configuring the wizard.
Configure the second step of the AJAX Drag and Drop Wizard as shown below:
Decide if to display the items not belonging to any category or not.
Decide if to enable the ordering capability.
Select the table column (numeric and with unique values) that stores the items order.
Once generated in page, this widget cannot be edited (regarding the server behaviors it generates). You can edit the titles in Design view though. If after generating it, you realize that you want to configure some settings differently, use the Undo command. Everything that was generated will be removed from page, and you can apply the wizard again, configuring it differently.