Search with results

Hi,
I have no issues with creating a normal search field but am having real trouble with setting up Search with Results. (Also couldn’t find any tutorial about this, apart from adjusting the layout in the results list)

Could you please guide me step by step on how to do it?

I would like to create a search field with results based on my User table, including profile images.

Looking forward to hearing from you, many thanks in advance.

Philip

Hi @Philip1 :wave:

Apologies for the late reply!

As requested, a video tutorial on how to use the “Search with results” element in WeWeb.

I hope it helps!

Cool tutorial, this element WeWeb provides doesn’t cover the case of when you click outside right? The search results don’t hide on blur/click away, or do they?

No indeed it doesn’t.

You could use the select element for that:

CleanShot 2023-12-28 at 20.36.45

Yeah, that one indeed could work, but is not versatile enough. I ended up doing my own with blur, but was wondering whether the “new” element would do the trick.

1 Like

Hi Joyce,

Many thanks for the tutorial, as always very helpful. It took me some time to really understand but now it works!

Enjoy your New Year’s Eve!

Philip