• Resources
    • Documentation
    • Knowledge Base
    • Forum
    • Webinars and Videos
    • Courses
    • FAQ
    • Changelog
    • Blog
    • Swag Shop
  • Marketplace
  • Login
  • Resources
    • Documentation
    • Knowledge Base
    • Forum
    • Webinars and Videos
    • Courses
    • FAQ
    • Changelog
    • Blog
    • Swag Shop
  • Marketplace
  • Login
home/Knowledge Base/Layout & Design/Use SAP UI Theme Designer

Use SAP UI Theme Designer

1246 views 2

Written by Christian Kleinschroth
December 18, 2020

Prerequisites

You need a SAP Cloud Platform subaccount or a SAP Cloud Platform Trial account (SAP Cloud Platform Trial).

Step 1 – Choose a Subaccount

In the SAP Cloud Platform Cockpit select a subaccount to work with:

Step 2 – Subscribe to Launchpad Service

Navigate to ‘Subscriptions’ (left hand side) and click the ‘Launchpad’ tile (center).

Subscribe to the Launchpad service:

Step 3 – Assign Launchpad Admin Role

Navigate to ‘Role Collections’ (left hand side) and click the details arrow of the ‘Launchpad_Admin’ row (right hand side) to open the role page:

Click ‘Edit’ to change the role assignments:

Add your account to the list of assigned ‘Users’ by pressing ‘+’ and inputting your account name (presumably your mail address) and email afterwards. Finally click ‘Save’ to confirm the changes:

Optional: If you plan to add custom styling rules using CSS to your theme, please repeat all the steps described beforehand starting from the ‘Role Collections’ overview page and additionally assign the role ‘Launchpad_Advanced_Theming’ to your account.

Step 4 – Start Launchpad

Navigate to ‘Subsciptions’ (left hand side) and click the ‘Go to Application’ link in the ‘Launchpad’ tile, or open the ‘Launchpad’ service site (by clicking the tile) and click ‘Go to Application’:

In case, that you see an ‘Access Denied’ error page, open the link in incognito mode.

Step 5 – Create Website

Create a website:

Open the website:

Step 6 – Open Theme Designer

Open the website menu by clicking your account icon (top right) and select ‘Theme Manager’:

Click ‘Launch Theme Designer’:

Step 7 – Select SAPUI5 Version

Select appropriate SAPUI5 version by clicking version info at top right:

Step 8 – Create New Theme

Create a new theme (or upload an existing one):

Tags:themedesigner

Was this article helpful?

2 Yes  3 No
Related Articles
  • How to Use Simplifier CSS Editor
1 thought on “Use SAP UI Theme Designer”
  • C.Steinbach says:
    Log in to Reply

    This solution seems to be already out dated. SAP Cloud Platform is know SAP BTP. In BTP I managed to start the launchpad and give my user the launch pad admin role but I’m still getting the “access denied” screen.

    June 25, 2021 at 11:32
Leave A Comment Cancel reply

You must be logged in to post a comment.

Latest Articles
  • REST: Use a CSRF Token and a Cookie to authorize Requests
  • Use the Adobe PDF Embed API in your Simplifier Application
  • Process Designer: Keeping an overview
  • Contact | Imprint | Privacy | © 2022 Simplifier AG. All Rights Reserved.

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.