Custom Controls

You can build your own UI5 custom controls and use them in abap2UI5 apps.

First, set up your VS Code environment with the abap2UI5 frontend artifacts, following the Frontend page.

Frontend

Write the JS code for your new custom control. Copy an existing control from App.controller.js and adapt it.

Backend

Extend the custom control view class by adding a method and defining the new control's properties: z2ui5_cl_xml_view_cc.clas.abap