Pardon my posting in Advanced, but other forums are stagnant.
I am struggling with the auto repeater in making a simple predictive search. I have not found a solid example that
I could manipulate to my needs.
Here is what I am trying to do:
Filter suggestions should disappear after text box is filled
Results in predictive should be left aligned–they are now centered and I can’t realign
Would like to insert a small image in left column (nice to have)
The good news is that the suggestions will only show about 5 suggestions and not a huge list.
I added actions to hide the repeater on click, and also to hide when the text field loses focus - note I put a 250 ms delay on lost focus to allow the onclick of the item to still register.
Since you’re using a “Set Rich Text”, the alignment is set from within your set rich text action. I have left aligned that in the attached. I also added a bunch of left padding to allow space for your image
Images can be added by importing an image into your repeater dataset, and then using the set image command. I threw a small flag in for afghanistan and set up the event for you. For each row you’ll need to go into the repeater set, right click on the “image” row and select “import image”
This is just as advanced as many other things posted here - so no apologies necessary
I added actions to hide the repeater on click of the item, and also to hide when the text field loses focus - note I put a 250 ms delay on lost focus to allow the onclick of the item to still register.
Since you’re using a “Set Rich Text”, the alignment of the items is set from within your set rich text action. I have left aligned that in the attached. I also added a bunch of left padding to allow space for your image
Images can be added by importing an image into your repeater dataset, and then using the set image command. I threw a small flag in for afghanistan and set up the event for you. For each row you’ll need to go into the repeater set, right click on the “image” cell and select “import image”
The scenario is, when a user starts to type a word into the first text box (fruit or vegetables), they are given suggestions to autocomplete.
How can I get the list to appear on load (so the user can see the full list)
Once the user selects from the list, how do I make it appear in the text box (and hide the list)
After they have made a selection on the first text box. The user can start to enter into the second text box some related data (types of fruit and vegetables). Again… same problems…
How can I get the list to appear on load (so the user can see the full list)
Once the user selects from the list, how do I make it appear in the text box (and hide the list)
Where am I going wrong?
My knowledge is really limited and I’ve been trying for a long time now Would appreciate it if someone could take a look at where I’m going wrong. Thank you in advance!!!
To get your autocomplete repeaters to show right when your prototype loads, you can use the Home page’s “OnPageLoad” event. This event will trigger right when this page of the prototype first loads, you can add a “show” action targeting your repeaters there:
Then to have the options fill in the search text fields and then hide the lists, you can add these actions to the rectangle widgets within the repeaters (such as the “Fruit” and “Vegetable” rectangle widgets). You can use the “set text” action to set the text on the text fields and the “hide” action to hide the repeaters:
Note that because your second set of autocomplete options are in two different dynamic panel states, you might need to also set the dynamic panel to the appropriate state depending on which option is selected from the first search using a “set panel state” action.
I’ve gone ahead and attached an edited version of your file with some of these changes implemented into the first repeater autocomplete search. Feel free to check that out and let me know if you have any questions!
Would appreciate it if someone could take a look at where I’m going wrong. Thank you in advance!!! 
