Create AJAX panel

In order to create a new AJAX panel in your site, use the AJAX Panel server behavior. It is accessible from three locations:

 

The AJAX Panel server behavior has three tabs.

Configure the first tab (Basic) of the AJAX Panel server behavior as shown below:

 

  1. In the Panel name text box specify the panel name. It should start with a letter or an underscore, and it should contain only alphanumeric characters.

  2. The Default hidden checkbox is only enabled when you are creating a panel that is not the main one (when the Main panel checkbox below is not checked). Check it if the default state of this panel should be hidden.
    When this option is checked, the interface controls below it become disabled.

  3. In the Content file text box specify the site file that stores the content for the default state of the panel. A filename is automatically suggested starting from the panel name (you can edit the suggestion), and the file will be physically created in the site structure after the server behavior is applied.
    If you had previously created the file, use the Browse button on the right to locate it in the site structure.

  4. The Main panel checkbox is by default checked if a main panel is not detected in your master page. Uncheck it if you are not creating the main panel.
    There is only one main panel in a master page.

  5. The three buttons in the top-right part of the interface (visible for all three tabs) offer the next functionalities:

  6. Click the next tab to continue configuring the server behavior.

 

Configure the second tab (Style) of the AJAX Panel server behavior as shown below:

 

  1. Select the panel style.

  2. Select the panel update effect.

  3. Click the next tab to continue configuring the server behavior.

 

Configure the third tab (States) of the AJAX Panel server behavior as shown below:

 

  1. Specify the site file that stores the content for the current panel state.

  2. Specify the page title displayed when the master panel is in the current state.

  3. Specify the meta description for the current panel state.

  4. Specify the meta keywords (comma-separated) for the current panel state.

 

Related Topics