Composer
Composer
Changelog
Bugs and feature requests
AppGyver Academy
Home
Changelog
Start Learning Composer Pro
Tutorials
AppGyver x Xano — Building a No-code Books App
Power-up videos
Power-up: Working with Objects
Power-up: Offline Storage
Power-up: Conditional Renderer
Power-up: Custom Fonts
Power-up: Lists & Repeats
Power-up: Debugging Variables
Power-up: Grid/Table layout
Power-up: Sorting and Filtering data
Power-up: Transforming Data
Power-up: Forms and Form Validation
Power-up: Custom Flow Functions
Power-up: Conditional Styling
Power-up: Grouping lists
Power-up: Create a Star Rating Component
Power-up: Editing items in a list
Power-up: Search bar with sugggestions
Tutorial articles
Core Lessons - Complete Guide to Composer Pro
Quick onboarding videos
Academy Articles
Bugs and feature requests
Using Composer Pro
Introduction
The App Builder
User Interface
Creating user interfaces
Components
Navigation
Variable editor
Theme editor
App logic
App logic overview
Variables
Device sensors
Debugging
Events
Custom JavaScript
Data
Configuring data resources
REST API direct integration
Authentication
Messaging
Push notifications
Publishing / Distribution
Build Service & required assets
Distributing your app
Reference
Component gallery
Flow functions reference
Formula functions reference
Page properties reference
Sensor variables reference
System variables reference
Style properties reference
Policies & Guidelines
Issue reporting guidelines
Legacy documentation
AppGyver Cloud Storage
Powered by GitBook

Power-up: Search bar with sugggestions

Learn how to make a search bar and a dropdown with search suggestions using Composer Pro.

The formula functions used in this video

Filtering dropdown suggestions according to search input: SLICE(SELECT(appVars.products, CONTAINS(LOWERCASE(item.name), LOWERCASE(pageVars.search_text))), 0, 4)

tags: autocomplete, dropdown, search

Previous
Power-up: Editing items in a list
Next
Tutorial articles
Last updated 3 months ago