Page Comparison

...

1. Select input control in layout of your project.

2. In properties window of selected input control, select More to open dialog to present additional properties.

   

3. In additional properties dialog, define the following values:

   

   1. text Format Mode: Key

   2. show Suggestion: true

   3. suggestion Items: {_services>/GenSearchHelp}

   4. suggest: define JS function to handle suggest event i.e: handleSuggestion(evt)

   5. suggestionItemSelected: define JS function to handle event when suggestion item is selected i.e: handleSugItemSel(evt).

4. Add 2 custom node under input control:

   1. Image Added

   2. Select node core:ListItem, add the following definition in the Attributes properties:

      Code Block
      language xml
      text="{_services>Name}" key="{_services>Id}" additionalText="{_services>Id}"

5. Add a script node in your project, open editor and add following implementation for JS function to handle suggest event:

...