Home Page: Modern vs. Classic View
Last updated
MangoApps Administrators Guide
Last updated
The Home Page feature allows further customization of the Home Module by providing additional branding opportunities. To configure your Home Page banner, turn on the toggle switch. Once toggled, additional options will appear.
In designing the Home Page layout, there are two views offered: Classic and Modern.
In the Classic View, widgets are positioned beneath the hero image, allowing for a clear separation of content.
Alternatively, the Modern View presents a sleeker design, with widgets overlaying the background image or color scheme. This modern design creates a cohesive and immersive browsing environment.
Decide whether you want to include a search box in your banner. This option is only available for the Modern View.
Adjust the alignment of your banner content, including title and subtitle text. This option is only available for the Modern View.
Upload an image to serve as the background for your banner. Images for both a web and mobile banner is required. This option can be toggled off or on in the Modern View.
Recommended size for web: 1920 x 400 px. Recommended size for mobile: 750 x 450 px.
It is recommended to place all text and important content in the banner's central area, specifically within the innermost 1000 pixels. This ensures that the content remains visible and properly positioned even when users resize their browser windows.
Choose a background color for your banner space. If no background image is uploaded, this is the color which will appear instead.
Customize the title and subtitle text to match your brand's style and tone.
Enter the text for your banner's title. Utilize substitution tags to create a responsive title that can greet based on time and display the name of the logged-in user, if available.
Select a style for your title text from the options configured in the Text Styles section.
Enter the text for your banner's subtitle.
Select a style for your subtitle text from the options configured in the Text Styles section.
Customize the color of your title and subtitle text using the color map or inputting the Hexacode of your brand color.
