Custom Search Bar with Simple & Dynamic Listview | Guide

So Welcome, Everyone today in this guide I will show how to Implement a search bar in your app with Simple & Dynamic Listview.
So Let’s Begin

1. Search Bar with simple List

• Design

Design The Search Bar According to Your Need Make two Arrangement

image

In search Arrangement there will be a textbox for input. Other things you can manage according to your need OR check my aia.

• Blocks

  1. Variables

List from which user will search

Textbox to temporarily save input

image

The main Logic

2. Search Bar with Dynamic List

Design The Search Bar According to Your Need Make two Arrangement

image100%•75%•50%

In search Arrangement there will be a textbox for input. Other things you can manage according to your need OR check my aia (Screen2)
For listview design Refer my Guide’s first listview.

• Blocks

  1. Variables

List from which user will search

Global Textbox to temporarily save input

image
Global Id for dynamic listview
image

Main Logic

• Screenshot / Video

• Download

Apk : searchh.apk (5.2 MB)
Aia : search (2).aia (201.7 KB)

Refrence / Credits

Thanks @Boban for helping in reducing some blocks :blush:

Dynamic Component’s By @yusufcihan

Phase by @Shreyash

TaifunTextbox by @Taifun

5 Different Listviews using Dynamic component Extension | Guide

Note : when using Dynamic Listview it takes time to load and if you have more items in a list then it will lag if anyone has a solution how to avoid that lag then help will be appreciated

If you like my guide then support by donating :upside_down_face:

56 Likes

Very nice guide!! Keep it up :+1:

2 Likes

Nice guide @themaayur good work :heart_eyes:

1 Like

Thanks @Soham_Shah @Vedang for Appreciation :grin:

1 Like

If i can, this is what i use in my Custom Search Bar with List View !!

blocks (13)

Edit: I forgot mention replace global Grilla_Comp for the list you need to search

3 Likes

There are multiple ways to Implement something, I Just showed my one. This one is also correct. :blush:

1 Like

Nice guide!

You are Mastering in creating Guides!!!

Good Job :smiling_face_with_sunglasses:

Kodular should assign you as official guide.
:grinning_face_with_smiling_eyes::joy:

4 Likes

Thanks @The_K_Studio for the huge appreciation :heart:, but there’s more to explore in kodular for me. For Eg : I have never used canvas and related components.

2 Likes

Is time to start !!!
:rofl: :joy: :joy: :joy:

1 Like

I wait your guide with Canvas and related components. I don’t kown how to use this :grin:

Me too :grin::rofl::joy::joy:

1 Like

#off topic I apologize about this, but you made my day !!!

1 Like

Thanks :blush: and now let’s not go more Off Topic

Veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy goodddddddddddddddddd

1 Like

Thanks @Xoma for a loooooong Appreciation :grin:

1 Like

tenor

3 Likes

@themaayur Great guide. Excellent contribution work!

1 Like

Thanks @Rogerio_Rios :blush:

How to know the position?

Which position ?