---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/application-development

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Learn components by example

# Learn components by example {#ariaid-title1}

Release version: Australia  
Updated March 12, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Follow these procedures to learn how components create the functionality you need in your UI Builder pages.
* **[Add carousel badge item count](https://servicenow-prod.fluidtopics.net/51NhTDTl7ZAatAVF4UC5ig)**   
  How to create a dynamic carousel item count (displayed in the badge) where the items in the carousel are controlled by a repeater pulling its data from a data resource.
* **[Create dynamic filtered card displays](https://servicenow-prod.fluidtopics.net/O9_lqRpT4YLPC_5gEvvt2Q)**   
  Create an interactive card layout to display records, add a dropdown to filter visible cards by name, and configure each card to open the full record in another UI Builder page when selected.
* **[Create and customize alert messages in UI Builder](https://servicenow-prod.fluidtopics.net/w7YUj3nZkxHCWFC6V3NEjg#comp-ex-alert-overview)**   
  Learn how alert messages help you communicate feedback and status updates using both default and scripted approaches.
* **[Filter records by priority with a flyout menu](https://servicenow-prod.fluidtopics.net/2drUsflQqn~jVvM99_SxCA)**   
  Configure a flyout menu that filters a task record list based on priority.
* **[Search list selector](https://servicenow-prod.fluidtopics.net/_PApkIpcnGx_WP9blQLSwg)**   
  How to address dot-walked child fields that don't display following a search action. List selector search filters both list panes. Dot-walked reference may not appear when searching.