Wappler documentation

Front-End Input Widgets

A learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.

Open in Wappler

Use this hub when plain inputs are not enough. Start with the widget type you need, then move into suggestions, editors, tag entry, or date and time picking.

Suggestions and editors

Using the Autocomplete ComponentThe autocomplete component provides auto suggestion when entering text into a text input. This is useful when you have a dynamic list of products, countries, options etc., so you can offer your users View guide Summernote WYSIWYG EditorUse the Summernote editor when content authors need formatted rich text input inside a Wappler page.View guide

Tag entry

Tagify ComponentUse Tagify for token-style input when users need to select, create, or manage multiple labels in one field.View guide Custom Content for Tagify ListsIntro You can add images to the Tagify select lists and tags, also you can add secondary text to the results in the select list. You can specify the images size and customize the secondary text. CustoView guide Tagify Store New TagsLet Tagify create new tags deliberately and store them cleanly when your data model allows user-generated labels.View guide

Dates and scheduling

Using Date Range Picker with Dynamic ValuesWith the Date Range Picker you can display date ranges, coming from a dynamic data source, such as a database query. This is useful for Detail Pages or Update Record pages, where you want to edit a reView guide Using the Date Range Picker with Insert and Update RecordYou can use the Date Range Picker component with insert or update record forms, and store the start and end dates of the selected range in separate database field. We added a date range picker in a foView guide Time Picker with Date PickerCombine date and time picking when users need one coherent schedule value instead of disconnected inputs.View guide