Launchpad Layout
Within the Launchpad Layout tool, you can create different launchpad layouts to customize the look and feel of one or more launchpads. Launchpad layouts can be assigned globally to launchpads.
Settings
General
In the General section of the Settings tab, the ID, name, and assigned development package for the launchpad layout is displayed.
Launchpad layout UI5 theme
A launchpad layout is always based on either a custom UI5 theme or one of the standard UI5 themes. The UI5 theme defines how all UI5 controls look and feel and influences object characteristics in a launchpad, for example, coloring, paddings, margins, and borders. Each UI5 theme is created for either a light appearance or a dark appearance on the basis of a UI5 theme version.
To ensure consistency in the application of corporate design for the look
and feel of a launchpad, Neptune recommends that you create a custom theme in
the SAP UI5 Theme Designer to use as a base UI5 theme for a launchpad layout.
After importing the UI5 theme, all color layout fields for the launchpad layout
are prefilled on the basis of the base UI5 theme and can be overwritten field by
field in the Launchpad Layout tool manually, as required. Placeholder text in fields,
for example, --sapShellColor, refers to theme attributes from the SAP UI5 Theme
Designer that govern the rendered results of color configuration in the launchpad
layout.
|
Presets
In the Presets section, you can configure the width of a launchpad header and the launchpad.
Loading Splash Screen
Before the launchpad loads, many processes are running in the launchpad, especially if hash navigation is used with semantic objects and deep linking with hash parameters. To give the user a nice experience in the split second where the launchpad is rendered for the first time, a splash screen is displayed. When everything is built, the splash screen is hidden. You can create a splash screen that follows your company design guidelines to create a unified user experience in the Neptune DXP launchpad.
You can show/hide the splash screen using these code snippets:
neptune.Splash.show();
neptune.Splash.hide();Style
You can configure logo display, object layout, and color configuration. You can assign tile layouts of the following launchpad layout objects by opening a color picker or carrying out configurations for each object:
-
CSS variables derived from UI5 theme
The CSS variables are derived from either a default SAPUI5 or default UI5 theme of Neptune DXP - Open Edition or a custom theme set as a base theme in the General tab of the Launchpad tool. -
Browser Shortcut Icon (fav .ico or .png format, max 96x96px)
If you have selected a custom UI5 theme with a predefined browser shortcut icon (favicon), you override the predefined browser shortcut icon from the custom UI5 theme when you select a browser shortcut icon from the Media Library.
Logo
-
Company Logo (36px height. Variable width)
-
Company Mobile Logo (36x36)
If you have selected a custom UI5 theme with a predefined company logo or a company logo for mobile, you override the predefined company logo or company logo for mobile from the custom UI5 theme then when you select a company logo from the Media Library.
Launchpad Header
-
Header Color
-
Header Bottom Border Color
-
Text Color
-
Interactive Text Color
-
Shell Interactive Border Color
-
Badge Background Color
-
Badge Color
Launchpad Navigation (Main menu & Settings menu)
-
Background Color
-
Border Color
-
Text Color
-
Text Hover Color
Active Apps Side Bar (Enable launchpad "Pin active apps to the left side bar")
-
Background Color
-
Border Color
Launchpad Tile Group Pages
-
Launchpad Tile Group Page Background Color
-
Launchpad Tile Group Page Background Blur (background color must be transparent or translucent)
Tile Group Layout
Add one or more tile group layouts to your launchpad layout. Tile group layout settings like text colors, font size, borders etc are inherited from the Neptune Layout through the applied UI5 Theme. With a tile group layout you can manipulate the tile group look and feel beyond the settings coming from the UI5 Theme.
Depending on your use case, tile group layouts can be added to tile groups and to launchpad layouts.
-
Tile Groups: A tile group layout added to a tile group will influence the tile group header for that tile group and any added sub tile group sections.
-
Launchpad Layout: A tile group layout added to a launchpad layout will influence all tile groups in the launchpad.
Tile Layout
Add one or more tile layouts to your launchpad layout. Tile layout settings like colors, font size, borders, etc. are inherited from the Neptune Layout through the applied UI5 Theme. With a Tile Layout you can manipulate the tile look and feel beyond the settings coming from the UI5 Theme.
Depending on your use case, tile layouts can be added to individual tiles, tile groups, or to a Neptune Layout.
Login Page
As a default, the login page takes on the appearance defined by the rest of the layout. If needed, you can define a special look for the login page.You can configure the colors and select image of the following login navigation objects of a launchpad layout by opening a color picker or carrying out configurations for each object:
Login Box Background
-
Background Color
-
Background Blur (background color must be transparent or translucent)
CSS
You can add custom CSS style that should influence the content in the launchpad when this layout is applied.