Adding Autocomplete to the Display

About this task

After the dictionary has been built, it is ready to be used in an application. To do that, it must be added to the display that you created earlier.

Procedure

  1. Click the list icon () next to the Display link in the left-side navigation bar
  2. Click on the display that you created (autocomplete-tutorial-display)

    To add autocomplete functionality to the display, we must first add the autocomplete display module.

  3. Click on the Components tab
  4. Click Add Display Component.

    The Add Display Component dialog box appears as show in Figure 1.

  5. Select Query Autocomplete from the menu
  6. Click Add to add the display component.
    Figure 1. Adding the Autocomplete Display Module

    Now that the autocomplete display component has been added, it must be configured to point at the correct autocomplete dictionary.

  7. Click on the Settings tab of your display.

    The Autocomplete section will now be available in the Search section of the settings list.

  8. Click on the Autocomplete link.
  9. Click edit to configure the autocomplete settings.

    The autocomplete settings will be displayed as shown in Figure 2.

    Figure 2. Configuring Autocomplete in the Display

    At this stage in the tutorial, the only setting that needs to be modified is the autocomplete dictionary name.

  10. Specify the name of your dictionary (autocomplete-tutorial-dictionary) in the Autocomplete dictionary name field
  11. Click OK.

Results

For more information on the other autocomplete display settings, see the Adding Autocomplete to a Display section of the documentation.

To proceed to the next section, click Using Autocomplete in a Search Application.