abap2UI5 · samples

Learn abap2UI5, one sample at a time

… apps, each one a single ABAP class, each adding exactly one idea. This page is the order they are meant to be read in — … stages from the smallest app that runs to files, devices and custom CSS. Start at the top, or use the search to jump to the one thing you need today.

Start at the beginning How to run a sample

How to run one

  1. In your system. Install abap2UI5 — this repository ships apps, not the framework — then pull it with abapGit (main for NW 7.50+ and ABAP Cloud, 702 for NW 7.02 – 7.4x) and open <your endpoint>?app_start=<the class>. Every card below copies that class name for you.
  2. Without a system. Playground ↗ opens the same class in an ABAP editor with the app running beside it, in the browser. Where a sample calls a second app or a shared data class, the link carries those files too, so the button in it still works.
  3. All of them at once. Run Z2UI5_CL_SMP_APP_000, the overview app — the same catalogue, inside your system.

The three sample pages

Three repositories, three questions. They are not three steps to work through in order — pick the one that matches what you are asking today.

Learn abap2UI5/samples “Where do I start?” The path from the smallest app that runs to files, devices and custom CSS — one idea per sample, in the order they build on each other. 📍 you are here Controls abap2UI5/samples-controls “Which control does what?” The UI5 demo kit rebuilt in ABAP: every control, searchable by name, by library and by the release your system has to be on. 📍 you are here Stack abap2UI5/samples-stack “Will my system run it?” OData, RAP, business events, WebSockets, the launchpad — abap2UI5 together with what your system already runs, and what each one needs first. 📍 you are here