Design a Page Template
Last updated
MangoApps Administrators Guide
Last updated
Admins can create custom templates with enhanced design features for greater flexibility and ease of use. Widgets snap to a grid for precise alignment, while a visual grid helps maintain a structured layout. Drag-and-drop functionality allows easy repositioning of widgets, and adjustable height and width settings enable precise customization.
Click the Design Your Own button located at the top right of the Page Template menu. This will take you to the template creation wizard.
To get started, enter a Title for the template. This title is required and must be unique. No two templates may have the same Title.
Optionally, add a template Description (255 character max) and an Icon. This icon will appear along with the title of the template when viewed in the User Portal. Users can change this icon when editing the template upon page creation.
Upload a Template Image. Each template must include an image. Choose simple, easily recognizable images that are relevant to the template's purpose. Avoid using overly complex or detailed images.
Minimum image size: 165 x 175px
Recommended image size: 330 x 350px
In this step, admins can use the designer to customize the page as needed. The designer includes a widget gallery with over 50 widgets that can automatically pull existing content from your MangoApps domain and display it on the page.
Admins can also add static content if needed. The dynamic page templates allow users to resize, reorder, add, and remove widgets, giving full control and flexibility to design the page without requiring programming knowledge.
Adding Widgets
Select widgets from the Widget Gallery and click + Add. Then, drag and resize the widgets across multiple rows and columns to your preference.
Fixed vs. Variable Height Widgets
The Fixed Height setting ensures that all widgets in a row have the same height. This is enabled by default for all new pages, but can be adjusted as needed.
In this step, users will be able to preview the template as it will appear in both Web and Mobile formats.
Users can return to previous steps to make changes by clicking Previous or the step name in the bottom bar. They can also save their progress as a draft to resume editing later, or navigate to the next step to configure the template settings.
In this final step, users can configure the default settings for the template. These settings can be updated later based on the use case and user preferences when a page is published in the User Portal using this template.
Hashtags: Assign keywords for easier searchability (e.g., #Sales, #Engineering).
Turn on comments: Allow users to post feedback and suggestions.
Turn on reactions: Users can react to content.
Turn on change log: Track modifications made to the page.
Only admins can see who has viewed this page: Admins can limit visibility while tracking page views.
Click Save and Publish or Save as Draft to exit.
These settings do not affect the template itself; instead, they serve as the default configuration when a user uses the template as a base for creating a page within the User Portal.
Once saved, the new template will be listed in the Page Template section.
