Search Participants and Search Teams not working

Marc McWhorter

Where would I go to point them to the correct Team Raiser?



http://www.redballoonevent.org/site/TR?fr_id=1160&pg=entry



 

Daniel Hartanto

Hi Marc, 



Since you are going on the route of "manually replicating" the default Luminate out-of-the-box (OOB) search form, you might want to refer to the original form in terms of not to forget porting especially the "hidden" input fields which are critical in terms of getting your "ghost" form running, since those hidden parameters are needed to process the query.



Your HTML form action attribute should go to "http://www.redballoonevent.org/site/TR"  on both the Participant and Team Search respectively.  



For further references, and in terms of looking up what the required "hidden inputs" are -- The original default search form for yours would be available at 

http://www.redballoonevent.org/site/TR?fr_id=1160&pg=pfind



Unless you are going the Convio API way (which gives you more control over what you want to render, where to render etc), your search query result would likely have to be returned / displayed at the above "pfind page" hence the HTML form action needs to point to the stated above.



Additional Note:

The hidden inputs are sometimes obvious to find, and sometimes could be trivial. The following demonstrate "First Name" search query result



http://www.redballoonevent.org/site/TR?fr_id=1160&pg=pfind&searchFirstName=true&qf=Preston



EDIT #2



Here's another alternative to the above. I believe the "Find Participant or Team" search box widget is part of your "entry" / "Greeting" page already (esp. if your teamraiser is of the latest version 15.x.x. and you are using the "responsive" mode layout.



If that's the case, why not pull the container that holds the search widget with Javascript, and put it where your "ghost" form is currently on and custom style the original form further. Doing so, you don't have to wiggle around with finding the hidden input fields or rewriting the functionality of the search form.



I believe the widget is currently hold within a DIV with the ID of  "search_part_team"



so you can use jQuery to actually move that DIV to where you are putting your ghost form is.  Look for jQuery.append() / prepend() / insertBefore() / insertAfter()  -- any of these should do.



Hope it helps clarify. Happy coding



regards,

Daniel