How to create a search field with autocomplete in mobile app?

I am making a mobile app there i need to auto complete suggestion without using local database coz all my data will be get from REST Api.. like I want to search company name and it will show the suggestion and user will select one.

Hi @Sumaiya Akter ,

Good Day!

We are having an option like Dropdown Search Widget.

1. Dragging the widget inside the right bottom property panel
a. Assign List Item
b. selected item

2. Create one client action Mandatory event handler named as DropdownSearchOnSelect 
Convert the selected ID and copy into local variable


Please find the attached OML below for your reference.
If Any queries please acknowledge the post add your comments

Demo Link

I Hope this Helps.

- Palle Vijay Bhaskar Reddy 

HI,

@Vijay Bhaskar Reddy Palle

THANKS FOR YOUR REPLY.I USED THIS PROCESS AND IT SHOW ME ERROR THAT JSON FORMAT CANT BE PARSE .. & THE UI ALSO NOT FILL MY REQUIREMENT. I WANT SOMTHING LIKE THIS  ATTACH IMAGE .. CAN YOU HELP ME ON THIS?

download.png

Hi @Sumaiya Akter ,

I checked your attached image. Yes, you can change the UI by adding the CSS.

I Added the required CSS.
it looks like the below.

.choices__list--dropdown 
.choices__item--selectable.is-highlighted {
    background-color: #0f77df;
}


And that JSON format ERROR was happening because of your REST API which you mentioned above.
Please check the code of JSON and REST API.

I hope this helps.

- Palle Vijay Bhaskar Reddy

Thankyou so much. Where will i add it ..plz share coz I m new to outsystem

Yes, 

You can add it in the Style Sheet Editor.

It depends on your application like, if you have a customized theme there you can add.

if you want to replicate it screen level, Theme level , Application level as per your requirement you need.


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.