Customize the Default Appearance of the Interface
You can customize the default appearance of the Home screen for all users in your organization, including background, layout, and fonts.
-
Users with Read and Update permissions for System Information.
-
Admin and BI Admin standard application roles.
Changing the Home Screen Appearance and Tiles
Context
Individual users can override customized appearances by clicking their profile in the shell bar and selecting Home Screen Settings.
Procedure
- From the side navigation, choose .
- Choose the Default Appearance tab.
-
Do any of the following:
Task Procedure Changing the tab that initially displays on the Home Screen when users log in In the Default Tab dropdown, choose Today, Catalog, Favorites, or Shared With Me. Changing the background for the Home Screen In the Background dropdown, select one of the pre-defined options. Changing the logo on the Home Screen In the Logo dropdown, select SAP to show the SAP logo, or select Custom Logo to choose a custom logo. If you want to hide the logo, select None.
NoteMake sure the image is a PNG or GIF file and has a transparent background. The optimal image size should have a width of 110 to 300 px and a height of 50 to 150 px.
Changing which tiles are displayed on the Home Screen Set the toggles for the tiles to On (blue) or Off (white), as appropriate. - Choose Save.
- In the Warning dialog, click Refresh. Note that these changes will not affect users who have customized their own Home screen settings.
Creating a Web Font
If your users want to use different web fonts to customize the appearance of their story pages and Digital Boardroom dashboards and agendas, you can set those web fonts up here for all users. Note that custom fonts are not yet supported on mobile devices or as text for PDF export.
You can generate links to embed web fonts for Google (www.fonts.google.com) or Adobe (www.fonts.adobe.com/fonts). Ensure that you specify all the styles you want to use, including Bold and Italic. If you don’t include specific styles, the default styles will be used instead.
For example, the link for a Google font called Crimson Text, where you select Regular, Bold, Italic, and Bold-Italic fonts, would be as follows:
https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700,700i&display=swap"
You can also create your URLs to call proprietary fonts from your own web server. Make sure you have only one font listed for a specific URL and use the following parameters.
The HTTP header for the URL needs to include content-type: text/css.
The response body should contain the following:
/* latin */ @font-face { font-family: 'MyWebfont'; font-style: normal; font-weight: 400; font-display: swap; src: url (<URL for font>) format('<font-type>'); @font-face { font-family: 'MyWebfont'; font-style: normal; font-weight: 700; font-display: swap; src: url (<URL for font>) format('<font-type>');
Where:
- font-family: the name of the font.
- font-style: either normal or italic
- font-weight: 400 (regular) or 700 (bold)
- font-type: valid formats are truetype, eot, woff, and woff2
Both the HTTP response and the actual font file need the access-control-allow-origin (CORS) access flag to access your font page. The header must be set to either * or your SAP Analytics Cloud tenant URL. The following is an example of a response header with the CORS access flag.
Accept-Ranges: bytes Access-Control-Allow-Origin: * Access-Control-Expose-Headers: Access-Control-Allow-Origin,Access-Control-Allow-Methods Content-Length: 172 Content-Type: text/css
- font/ttf
- font/woff
- font/woff2
- font/otf
- application/font-woff
- application/font-woff2
- application/x-font-truetype
- application/x-font-opentype
- application/vnd.ms-fontobject
- application/x-font-ttf
- application/x-font-woff
- application/x-font-woff2
- application/x-font-otf
Adding a Web Font
Context
Procedure
- From the side navigation, choose .
- Choose the Default Appearance tab.
- Under Story Fonts, click (Add a new web font).
- In the Add a New Web Font dialog, enter or paste the URL in the text box.
- Choose OK.
- Choose Save.
- In the Warning dialog, choose Refresh.
Default Navigation for Story Pages
-
Tab Bar: Show a separate tab for each story page.
-
Dropdown: A drop list of all your story pages.