We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The combo box is a text box component that allows users to type a value or choose an option from a list of predefined options. It has several out-of-the-box features, such as data binding, filtering, UI customization, and custom templates.


Editable and non-editable modes

In editable mode, the combo box allows users to edit in the text box that shows a suggestion from the drop-down list based on the input. Non-editable mode prevents users from typing and selecting from the drop-down list.


Filtering

You can pick from various filtering options such as starts with, contains, and ends with. You can also pick whether to filter with or without case sensitivity.

First occurrence

Highlights the matching text that occurs first.

Multiple occurrence

Highlights the matching text that occurs multiple times.

Perform filtering when needed

The combo box control starts offering matches as soon as users start typing. This feature can be changed by setting the number of characters required to start matching.


Auto fill

The combo box component has an autofill option to complete the word that a user types based on the suggestion text. It allows end users to search for items easily by suggesting a list of filtered items in a pop-up, or appending the rest of the suggested word in the input area. This option can also append the matched item and display the list of filtered items suggested in a pop-up at the same time.


Pop-up placement

If the control is at the bottom of the application where the default keyboard appears and hides the pop-up, the pop-up can be placed at the top.


Multiple selection

The input field has been designed to address scenarios such as email address bars. You can select multiple items with token representation or simply divide them with a delimiter.

Token representation

Customizable token representation allows users to remove an item with its close button.

Delimiter

Selected items can be divided with specific characters such as “$” for dollar separation, or ‘,’ for traditional comma separation.


UI customization

The combo box control can be thoroughly customized in the following areas.

Custom template

The control accepts a template for pop-ups to change the look and feel of the items.

You can design your own header and footer for the pop-up list using the header and footer template.

Custom view in text area

The control accepts any custom view in the place of the text box.

Appearance

By default, the customizable appearance of the control is designed to adopt the native look and feel of the deployment platform.

Color customization

The color of pop-ups and text can be customized to fit the application design.

Font size

The font size can be customized with pixel precision or with standard options such as small, medium, and large.

Font family

You are not limited to use only traditional fonts, but you can also use custom fonts that suit the application. The control renders certain iconic fonts too.


General information

The combo box control provides additional features that make it more user-friendly.

Clear button

A customizable clear button is available to clear all the text with a single tap. The button can be enabled or disabled.

Watermark

A watermark prompts users with an information hint when the search box is not in focus and contains an empty string.

MVVM support

Every aspect of the combo box control has been designed with the MVVM pattern in mind.

Localization

All static text can be localized with the required language.

Use real-time objects

Along with a list of strings, a real-time object can be used to direct the search member to search and display.

Bind icons

The pop-up list has a provision to place an icon. A member can also be assigned to form the object.


130+ XAMARIN CONTROLS


ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.