Sorting a dropdown

Ask the community
,
21

@jonatandor35 Hello, I want help. I want to make the search bar like this. https://www.oakwood.com/
I made a dropdownlist and connected with dataset. Just the same dropdownlist as yesterday. so when I type sth, dropdownlist appears with the matching result. just the search bar in the above site.

22

@lion1992416 ,
If you want it to be exactly as in the linked site, you’ll have to create a custom dropdown of your own (i.e. a box with a repeater of clickable text-boxes) then you you’ll have to do the following:
here are some key points:

  1. Use onKeyPress() with setTimeout() to detect the typed value.

  2. Use the JS filter() method to filter the “dropdown” options (use the JS some() method to detect a partial match).

  3. Then assign the filtered options array to the repeater.

Some useful links:
https://www.wix.com/corvid/reference/$w.TextBox.html#onKeyPress
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some

23

@jonatandor35 and what about the position of the seach bar? now when we load the home page for the first time the search and date bar stays in the middle of the image and when I scroll down it stays under the top menu. how can i make that?

24

I mean the bar

25

@lion1992416 I’m not sure I got what you’re saying. Can you add a link or images?

26

@jonatandor35 you can see search bar here [https://www.oakwood.com/](https://www.oakwood.com/
when)
When we scroll down it moves and stays at the top, I just want to make this.

27

@lion1992416 I don’t think it’s possible on Wix. Maybe someone else will have an idea.

28

and I suggest you’ll ask it in a separate thread so more people will read it.

29

@jonatandor35 thank you. https://www.staywithfox.com/
Can you see this site, the top menu bar drop down is behind the search bar.
I want to make dropdown of the menu bar on the top of the search bar.
I want help.

30

I just want to display an image and when I hover the image name, address phone number and email appears on the image.
So how to handle hover on images?

31

@lion1992416 re the example from https://www.staywithfox.com/ .
that can be done:

  1. Put a box right below the header.

  2. Right click > Pin to screen > set the exact location

  3. Set the deign to opacity 20%

  4. Set the borders design

  5. Put the search element inside the box

That’s all

P.S. the pin-to-screen will not work on mobile.

32

how to make wix site seo friendly?

33

@lion1992416 https://www.wix.com/features/wix-seo

34

@jonatandor35 It works, thanks!