UI5 Custom Controls: Building Something That Doesn't Exist

In this live session we will explore how to build custom SAPUI5 controls when standard controls don't fit the requirement. The session will cover the anatomy of a custom control - metadata, properties, aggregations, events, and the renderer function - through the incremental build of one realistic control. You will also get guidance on theming, accessibility considerations, and when to build a custom control versus extending or styling an existing one.

After participating in this live session, you will be able to:

• Understand the structure and lifecycle of a SAPUI5 custom control
• Define properties, aggregations, and events in a control's metadata
• Implement a renderer function to produce custom DOM output
• Apply theming using CSS variables consistent with the SAP design system
• Decide when a custom control is justified versus reusing or extending standard controls