Custom Search Bar with Simple & Dynamic Listview | Guide

it will help me a lot in my new project.

1 Like

Glad, it helped you :blush:

1 Like

can i do with dynamic components? or image with list? which is better? I want my app to run smooth.

Using Image with list view will load it faster instead of dynamic components.

1 Like

It should be item and not list however, since I copied this blocks from backpack hence extra blocks…

As you can see, I also removed some blocks from cancel button, as set text to empty sting will trigger OnTextChanged

3 Likes

Or you can add an extra procedure

Open this image link and drag the image to working area NoSearchMatchesFound, you can find more on how this works here and here.

3 Likes

Why not, I will add it ASAP Thanks @Boban :blush:

Instaed of adding a procedure, I done this Thanks @Boban for helping in reducing the blocks.
image

Apk & Aia Updated :grin:

1 Like

How to know the position?

Fir getting item when clicked for Listview use listview selection

For dynamic Listview make card view clickable and use any card view click and get component from that you can get id of lable.

not working i’m useing listview

Use a lable and se are you getting the value, and there is no issue in getting selection on click, check you Airtable there must be some issue.

@themaayur I have used your latest updated search (1).apk but when I switch to "Search With Dynamic Listview and search via the search box it lags very much and when I click the button to switch back to Simple Listview it won’t work…

I will check it out.

There is some issue with tha apk.
Thanks for reporting it, I will post the working apk soon.

1 Like

Updated th Apk & Aia :point_down:

1 Like

@themaayur Geat job! everything works well now, Thank you for hard work :slight_smile: :wink:

2 Likes

How to create this type of search function with icon on both sides and it’s work fine without lag…

Make some changes in dynamic components search Listview.
Instead of card view use HA arrangement and in that a icon a lable and again a icon. And uses spaces to adjust spaces between them.

1 Like