SAP

Manage my Account SAP Devs YouTube ↗ Learnings ↗ Community ↗ Provide Feedback ↗
Logout
⤢ Open full site

UI Instruction Directives

Demonstrate the UI-instruction directives (`:menu`, `:ui`, `:icon`, `:kbd`, `:ask`) that render consistent, styled references to menu paths, UI controls, icons, and keyboard shortcuts — shown here in a realistic "Configure an SAP BTP Destination" walkthrough.

Overview

You will learn

  • ✔How to reference a menu path with :menu[A > B > C]
  • ✔How to render a UI control (button, field) with :ui[Label]{type=button|field}
  • ✔How to show an icon with :icon[name]{label="..."} and a keyboard shortcut with :kbd[Mod+S]
  • ✔How to offer an inline follow-up question with :ask[...]
SAP Tutorial Team S SAP Tutorial Team November 6, 2026
Created on November 6, 2026
Contributors

More from SAP Developer Advocates

See all 6 tutorials by SAP Developer Advocates →

Prerequisites

  • An SAP BTP subaccount
  • Editor access to the BTP cockpit

Steps

Step 1 Step 1: Open the Destinations panel
—

  1. Log in to the SAP BTP Cockpit and navigate to your subaccount.

  2. In the left navigation, choose ConnectivityDestinations .

  3. Click New Destination in the toolbar.

Step 2 Step 2: Enter the destination details
+
Step 3 Step 3: Test the connection
+

Resources

Discussion

Share feedback on this tutorial or join the conversation in SAP Community.

Submit detailed feedback Discuss in Community
Steps
Step 1 of 3
1. Step 1: Open the Destinations panel 2. Step 2: Enter the destination details 3. Step 3: Test the connection