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 JavaScript for your new custom control. Each custom control lives in its own file under app/webapp/cc/ — copy an existing one (e.g. Timer.js) and adapt it to your needs.

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