Skip to main content

Improve navigation with the Anypicker control (8.4)

Suggest edit Updated on May 3, 2021

Reduce the time that users spend on navigating drop-down lists by grouping similar list items into expandable categories in the Anypicker control.

For example, if your business operates in several cities, you can use this control to group business locations by region and help users who fill out forms to quickly select the right location.

"The Anypicker control groups list items by categories"
Sample Anypicker control

 

The Anypicker control works best with data types that have at least two fields, for example .City and .State. When you configure the Anypicker control, you define the fields on which you want to base your categories. If one of the records in the data type does not have an entry in a field that you define for grouping, the control displays that record below the list of categories as a stand-alone choice.

"Categorize list items in the Cell Properties panel"
Categorizing list items

 

You can use the Anypicker control to set up the first level of categorization in a drop-down list. To create a complex drop-down list with several levels of embedded categories, you structure the source data for that purpose. For example, you can use embedded pages to establish hierarchy.

For more information, see Adding an Anypicker control

  • Previous topic Explore the React UI runtime environment (8.4)
  • Next topic Generate the primary navigation of a web interface (8.3)
Did you find this content helpful? YesNo

100% found this useful

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us