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

image

Textbox to temporarily save input

image

The main Logic
image

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

image

Global Textbox to temporarily save input

image
Global Id for dynamic listview
image

Main Logic
image

• 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
https://puravidaapps.com/textbox.php

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:

54 Likes
AIA Search List For Kodular (Busqueda en Lista)
How Can I Add Search Bar in My App?
Professional Aia Store app
Search for dynamic card views
Search Bar with Suggestions
Search bar with custom list view extension
Spinner layout help
[FREE] Custom List View - An Extension for making Image and text list view with a lot of customization
Search Bar for ListViewimage, ListView, Dynamic ListView - By MusaBukhari | Guide
Voice recognize in search bar listview
How to get multiple data from database in a dynamic listview?
Please help me. After new update showing this problem
Please help me. After new update showing this problem
Text box disccuss
How to search card view
When long click on an item in the listview1, the item will be saved to the listview2
How to increase listview search bar height?
Covid-19 Tracker app
Filtre bar app with airtable in kodular
All in One App - Available Soon AIA Project
[F/OS] - Dynamic Components Extension (for every component) 2.2.2
How to add search filter with dynamic components?
Search textbox that filter dynamic card view
Remove item List
How to make search For this
Design search bar
Custom search bar using dynamic card view
Video Background ( without Paid Extension ) Login Screen
Dynamic components error in app but no error in companion
How to have a search option that will display the buttons
How to make search option in app?
Search option for whole screen item search
Listview filter
Help needed for an app
Searching question
Get list of all users using app
Search line on List View
Need Help on TAG
Advanced Search option with auto fill
How to make search system
Please, how to create a code for Search in a Dynamic List inside a grid view without download any extension?
How to make a advance Search Option with airtable?
Show data in app which can be searchable
How to make custom search bar with dynamic components
I want to create this function
How to fetch specific rows by writing the name or saving the name in my apps text box from Airtable in kodular?
Search for items by title and date
Search bar in list view image and text with data from google spreadsheet
If list is empty after trying to get Column from Airtables - Global var is set to *empty-string*, I want it to be 0
Failed resolution of : Landroid/support/v4/view/ScrollingView
Filter bar is too narrow, How can I expand the vertical width of filter bar?
Connect search option with json aix?
Error loading data from airtable
List Picker hint rename
Advance search bar for listview

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 :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 ?