Creating a Custom Search Bar

Discuss
#22

Dear i also created custom title bar and tried @Fabio method but it’s not working :pensive:

#23

@Yasir_Shakoor
Just a rough Idea

1.Create a custom title bar using Horizontal and vertical arrangements.
2.Then add a search button in it
3.When the button is clicked show a textbox to enter the desired value.
4.Take a timer component.
5.Make a list of the contents you have(I’m talking about list not listview)
6.every 100 ms check the condition, which item contains text of your search textbox.
7.Make those them visible that satisfied the condition

1 Like
#24

Will try… Thank you very much for your response

#25

That app was created with Android studio !

2 Likes
#26

Thanks for confirmation… BTW is here any developer who can make search bar for filter…:stuck_out_tongue_closed_eyes::stuck_out_tongue_closed_eyes:

#27

Your method is good for a small list.
@Yasir_Shakoor you can try this.I had created this to use with ColinTreeList View.

Screenshot_2019-06-05%20Kodular%20Creator
Screenshot_2019-06-05 Kodular Creator.png1036×504 42.3 KB

6 Likes
Search in the CSV Table
Please anyone help me with Airtable stored data Search issue.. with listview
#28

Will it work bro?

#29

Yes.It will.
Try atleast onetime.

1 Like
#30

Thank you bro very much. It helped me, God bless you and your family. Actually i was doing something wrong. But i have one problem still.

Searchbarproblem.mp4 (1.5 MB)

When i click on search icon it shows all icons that i don’t want, i want to show only those icons which I write.

#31

Just hide list before search.And after click on search clear list and then continue your process by setting list visible.

1 Like
#32

Sorry bro, i don’t understand:cry: Can you show me blocks?

#33

Hey bro… Check it please @vknow360 you also please

I used these blocks :point_down::point_down::raised_hands:

#34

Use this method:-
Screenshot_2019-06-05%20Kodular%20Creator(2)

#35

I have did all activity in text changed block so it shows duplicate component

#36

Then try my method.
The benefit of using my method is that it can be used for 250+ elements.

2 Likes
#37

I have created a search bar in my app. I have used Material icons for the search icon and here are the blocks for searching

blocks
blocks.png824×614 32.2 KB

I have checked all the text from the textbox, you can also check each keyword one by one from the list.

#38

@Aditya_Singh Your method is good.
But no need to use ’ if component ’ unless you have more than one textbox.
Why are you setting ColinTreeList View when no result found.You are just increasing app size.
And the big one problem… app will stop if you have a large list because function will first check list and then create elements list and then set list.Use ’ add element ’ block.

#39

Can you show me your app?

#40

You can use ColinTree’s AutoCompleteBox extension for that. You will only see the results which starts with text you typed. (like Google’s search box).

You can find download link and sample here:
https://aix.colintree.cn/en/extensions/AutoCompleteBox.html

4 Likes
#41

Thank you very much bro