FrontTailor documentation
How to install and grant FrontTailor and how to use every module – with real screenshots from the demo apps, the exact labels of the user interface and the behaviour on PROD systems. Search the whole docs at the top left; the / key jumps to the search field.
Every module page has the same structure: what the module is for, the typical tasks step by step, every button and setting, the edition, the behaviour on PROD, keyboard shortcuts and typical problems. The screenshots come from the demo apps with fictitious data; click to enlarge.
Getting started
- Getting startedInstall, grant the domain, get to know the popup, side panel and DevTools panel.
- Host profiles and PRODCommunityName and colour your systems, mark PROD – runtime changes are locked there.
Modules
- Overview & system infoCommunityUI5 version, theme, launchpad, app type and data sources at a glance – plus the session’s errors.
- InspectorCommunityControl tree, properties, bindings, copy selectors – on the running app.
- Model explorerCommunityJSON, OData, resource and device models as a tree, snapshot and diff, i18n lookup.
- OData consoleCommunityV2 and V4, $batch split into parts, readable errors, replay, export, metadata as a diagram.
- Fault simulationfrom Pro500, 403, slow backend, empty list or expired session – without a mock server, only in your tab.
- Performancefrom ProMeasure the app start, check it against Fiori best practices, watch budgets per app.
- ToolsCommunityClear caches, debug switches, debug your own code, language, “Open in editor”, deployment check.
- Launchpad inspectorfrom EnterpriseClick a tile, see intent, target mapping and placement – with a system profile.
- Health and morning checkfrom EnterpriseLatency, error rate, session, synthetic check – and every morning all key apps by traffic light.
- Scaffolding & recorderfrom ProPage objects, journeys, unit tests, mock data and snippets from the running app – steps via the recorder.
- Report a problemfrom ProBug report with screenshot, click path, failed requests and system info – masked, with preview. Plus tickets and SAP incident.
- AI assistantfrom ProExplain errors, review code, write tests and ticket texts – with your own key, preview before every send.
- Annotationsfrom ProWhich annotation drives this field – and from which source? Plus manifest, draft and ETag.
- Roles and authorizationsfrom EnterpriseWhy 403? Why is the tile missing? Object, role, start authorization – down to SU53.
- Team syncfrom TeamTake over your team’s settings as a package – with a diff preview, selection and an optional signature.
- UI5 2.0CommunityCheck what breaks in the app with UI5 2.x – with score, location, replacement and SAP docs.
- LibrariesCommunityCheck loaded UI5 libraries against the manifest – with a network view and a manifest proposal.
- Quality: i18n & accessibilityfrom ProCheck missing i18n keys, translations, labels and contrast of the running app.
- Fiori Guidelinesfrom ProCheck whether the open view follows the SAP Fiori design guidelines – with score, improvement and dos & don’ts.
- System comparefrom EnterpriseThe same app on DEV, QA and PROD: versions, libraries, flex, $metadata and manifest compared.
- Release checkfrom EnterpriseAfter the transport: is the new version live on DEV, QA and PROD – with cache buster, preload and app index?
- Backend jumpfrom EnterpriseFrom a failed request straight into /IWFND/ERROR_LOG, ST22, SM21, SU53 – with transaction ID and time window.
- Local codefrom ProRun the local state of an app in the real launchpad – no deployment, one tab only.
- Known errorsCommunityThe fix for the error that comes back every week – right at the error.
- App state bookmarksCommunityRemember route, filters, variant and tab – back in one click after a reload.
- Command paletteCommunityAlt+Shift+K in the app: cache reset, debug mode, log level and more by keyboard.
Licence
For admins
- Enterprise deploymentfrom EnterpriseRoll out FrontTailor via GPO, Intune or MDM and configure it with policies.
- Team packagesfrom TeamCreate the team’s settings as a package, sign it and distribute it by URL or policy.
- ABAP add-onfrom EnterpriseThe optional, read-only backend service for roles, catalogs and start authorizations.
- Permissions and privacyWhich permissions FrontTailor has, what stays local and when anything leaves the browser.