11/10/2022

Offering Learning to the Extended

Enterprise
Generated on: 2022-11-10 10:41:55 GMT+0000

SAP SuccessFactors Learning | 1H 2021

PUBLIC

Original content: https://help.sap.com/docs/SAP_SUCCESSFACTORS_LEARNING/0bbc2f10849d4ead870477a29921746a?

locale=en-US&state=PRODUCTION&version=2105

Warning

This document has been generated from the SAP Help Portal and is an incomplete version of the official SAP product
documentation. The information included in custom documentation may not re ect the arrangement of topics in the SAP Help
Portal, and may be missing important aspects and/or correlations to other topics. For this reason, it is not for productive use.

For more information, please visit the https://help.sap.com/docs/disclaimer.

This is custom documentation. For more information, please visit the SAP Help Portal 1
 11/10/2022

Selecting a Default Theme

Select a default theme, which is visible to every group to which you have not assigned a unique theme. You can select any of the
prede ned "base themes" delivered with the application, or you can select a custom theme that you have already created.

Procedure
1. Go to Admin Center Theme Manager .

2. Select the radio button next to the desired theme, in the Default column.

3. Click Save to save your changes.

 Tip
You may need to log out and log back in to view the new default theme applied to your instance.

Creating a Theme
If you don't want to use one of the prede ned base themes, create a new theme to change the look of the SAP SuccessFactors
application.

Prerequisites
Role-based permissions for Theme Manager set.

Procedure
1. Go to Admin Center Theme Manager

You are now in the Manage Themes page.

2. There are two methods you can use to create a theme:

How to Create a Theme Steps

This is custom documentation. For more information, please visit the SAP Help Portal 2
 11/10/2022

How to Create a Theme Steps

Create Theme from scratch

a. From the Manage Themes page, select Create a New
theme.

 Caution
Create a New theme is a required eld, you cannot
save your new theme unless this eld is lled out.

b. Go to Getting Started Theme description to

enter in the name of your theme.

c. Go to Theme description to enter in description of your

theme.

d. Go to Theme identi er to enter in a unique name for

your theme.

 Note
Theme identi er is an optional eld that is
automatically generated when you create your
theme.

e. Con gure you theme settings.

f. Select Save to nish.

 Caution
You can use the Try it out option to preview changes to your
new theme, but this option does not save changes you
make. We recommend that you save your theme.

This is custom documentation. For more information, please visit the SAP Help Portal 3
 11/10/2022

How to Create a Theme Steps

Based on an existing theme

a. From the Manage Themes page, locate the theme you
want to copy.

b. Mouse-over the name of your theme so that the Try it

out and Duplicate links appear.

c. Select Duplicate link that opens your copied theme in

Edit Theme mode.

d. Go to Getting Started Theme description to

enter in the name of your theme.

e. Go to Theme description to enter in description of your

theme.

f. Go to Theme identi er to enter in a unique name for

your theme.

 Note
Theme identi er is an optional eld that is
automatically generated when you create your
theme.

g. Con gure you theme settings.

h. Select Save to nish.

 Caution
You can use the Try it out option to preview changes to your
theme, but this option does not save changes you make. We
recommend that you save your theme.

Editing a Theme
You can edit any theme that you have either created from scratch or duplicated from an already existing theme from the
Manage Themes page.

Procedure
1. Go to Admin Center Theme Manager .

2. Select the name of the theme you want to edit.

 Restriction
You cannot edit the prede ned base themes delivered with the application, but you can duplicate them and use them
as the basis for new custom themes. Refer to the Creating a Theme topic for more information.

3. Use theme settings to de ne your theme, just as you would when creating a new theme.

4. Select Save to save your changes.

Assigning Your Theme to Internal Employee Groups

This is custom documentation. For more information, please visit the SAP Help Portal 4
 11/10/2022
Assign themes to groups of users so that users in different locations, divisions, or departments see different themes.

Prerequisites
New Theme

Internal employee groups con gured.

 Restriction
To con gure internal employee groups, requires provisioning access. If you do not have provisioning access, contact
SAP SuccessFactors.

Procedure
1. Go to Admin Center Theme Manager .

2. Locate the theme you want.

3. Go to the Visible to dropdown menu of your theme to select your employee groups.

 Tip
The default theme appears to all users that are not members of groups with an assigned theme.

4. Select Save to nish.

Previewing and Testing Theme Settings Before Saving Them

When you have made changes to your theme, you can use the Try it out feature within Theme Manager to preview and test
your theme.

Prerequisites
Theme Manager

Procedure
1. Go to Admin Center Theme Manager and locate the theme you want to test.

2. Mouse-over the name of your theme so that the Try it out and Duplicate links appear.

3. Select Try it out.

For the duration of your session, your instance adopts the theme you are trying out.

4. Navigate the system and see how the theme looks.

5. When ready to reset back to your default theme that can be done in one of two ways:

Resetting Your Theme Steps

This is custom documentation. For more information, please visit the SAP Help Portal 5
 11/10/2022

Resetting Your Theme Steps

Log out
a. When you are ready to revert back to your default
theme, log out of your instance.

b. Log back into your instance.

 Note
Your instance Theme now displays your default
theme. You can verify by going to Theme Manager

Revert option
a. When you are ready to revert back to your default
theme, go to Admin Center Theme Manager

b. Locate the theme you tested.

c. Mouse-over the name of your theme so that the Revert

and Duplicate links appear.

d. Select Revert that resets your instance back to your

selected default theme.

 Tip
You can select another theme to try out. The system automatically reverts out of the current theme and adopts the
new one.

Verifying Your Login Styles Theme Settings

You can test your Login Styles theme settings by using the Preview loging option.

Prerequisites
New theme

That you have updated Login Styles to your theme

Procedure
1. Go to Admin Center Theme Manager and locate your theme you want.

2. Select your theme.

You are now in the Edit Theme page for your theme.

3. Go to Login Styles to update.

4. Select Save to nish your Login Styles update.

5. Select Preview login .

You can now preview the simulated login page in a new window.

 Note
Theme Manager is still available either as another tab in your browser or another window.

This is custom documentation. For more information, please visit the SAP Help Portal 6
 11/10/2022
6. When you are nished, exit the simulated login page and locate your browser window to go back to Theme Manager.

7. Make any additional changes, if needed, otherwise select Cancel or Save to nish.

Tips for Finding the Correct Theme Setting

Most trouble with theming is related to difficulty in nding the correct theme setting associated with a particular UI element.
These tips help you determine the relevant theme setting for a given element of the user interface.

Tips for Finding Correct Theme Setting

Theme Setting Tips Theme Setting Tips Information

Identifying Correct Theme Setting By Name You can use expand/collapse icons to view available theme settings and nd
one that may apply to the UI element you want. Here are several tips:

If you want to change the color of some text in the UI, look at all of the
theme settings related to that text.

 Tip
If you are trying to change the color of some text in the UI, look at
all the theme settings related to text. Is it text on a home page tile?
Does it appear in a header of some kind? Does the color appear
by default or only when you hover your cursor over the text? You
may be able to narrow down the possibilities to a few settings.

Some theme settings are intuitive, such as Menus or Background.

Others may use terminology that isn't familiar to you such as Portlets,
or Landing page tiles.

Identifying Correct Theme Setting By Matching Colors in You can identify theme settings by matching colors that is in the UI element
UI itself or search for other UI element that have the same color..

When in Theme Preview screen of your theme, locate a color that matches the
color of your theme setting UI element. Your theme may use the same or
similar colors in several places, and more than one theme element may match
same color.

 Example
Color used for Header text color may be the same for Portlets and for
Tables.

Using Temporary Themes You can create a temporary troubleshooting theme so that you can alter and
view during your current logon session without impacting the theme visible to
users.

It's recommended that you use the Troubleshooting Theme Using Bright
Colors. See Troubleshooting Theme Using Bright Colors for more information
on how to import and save an already existing troubleshooting theme that
uses bright colors.

This is custom documentation. For more information, please visit the SAP Help Portal 7
 11/10/2022

Theme Setting Tips Theme Setting Tips Information

Test Your Theme You can test your theme a number of ways once it's opened in edit mode.
When you have located the setting you want to test, here are a number of tips:

Note the current value of your theme setting for future reference or
copy over to a text le on your hard drive so you can restore.

 Example
If you are testing Fine Tune Portlets Header text color
setting and it is currently set as a dark gray color, note the current
hexadecimal color code: #3C3C3C

Refer to steps as outlined in Previewing and Testing Theme Settings

Before Saving Them on how to try out and save your changes.

Related Information
Troubleshooting Theme Using Bright Colors

Exporting Your Theme

Procedure
1. Go to the instance that you want to migrate from.

2. Go to Admin Center Theme Manager .

3. Select the theme you want to export

When you have selected your theme, you are in the Edit Theme page for your theme.

4. Go to Theme Con gurations Theme Sharing Export Theme .

When selected, Export Theme opens the Export Theme dialog box that contains instructions and Cascading Style Sheet
(CSS) code.

5. Select Select All to copy your Copy the Cascading Style Sheet (CSS) code from the text box

6. Paste that Copy the Cascading Style Sheet (CSS) code from the text box into a text editor.

7. Save your text le on your local drive.

8. To export your logos and other images:

a. Download your logos and images to your local hard drive where you saved the Cascading Style Sheet (CSS) code
from the text box

9. Select Close to exit Theme Sharing.

Task overview: Theme Sharing

Next task: Importing Your Theme

Importing Your Theme

Procedure

This is custom documentation. For more information, please visit the SAP Help Portal 8
 11/10/2022
1. Open the instance that you want to import the theme to.

2. Go to Admin Center Theme Manager .

3. Select Create a new theme.

4. Go to Theme Con gurations Theme Name to enter your theme name.

5. Go to Theme Con gurations Theme Sharing Import Theme .

When selected, Import Theme opens the Import Theme dialog box that contains instructions and text box to copy your
Cascading Style Sheet (CSS) code.

6. Copy the Cascading Style Sheet (CSS) code from your saved text le into the empty text box.

7. Select Import.

8. To import your logo, background images, and header background:

Theme Configuration Section Imports

Theme Section Steps

Logo
a. Go to Manage Themes Theme Con gurations Fine Tune
Logo Upload a logo .

b. Select Choose File to browse for your logo le

c. Select the Upload link to nish the upload.

Background Images
a. Manage Themes Theme Con gurations Fine Tune
Background Upload an image .

b. Select Choose File to browse for your background image.

c. Select Upload link to nish your upload.

Header Background
a. Manage Themes Theme Con gurations Fine Tune
Background Header background .

b. Select Choose File to browse for your Header background.

c. Select Upload link to nish your upload.

9. Go to Manage Themes Theme Con gurations and select Save to nish.

Next Steps
Test the theme that you imported.

Task overview: Theme Sharing

Previous task: Exporting Your Theme

Related Information
Previewing and Testing Theme Settings Before Saving Them

This is custom documentation. For more information, please visit the SAP Help Portal 9