Page Templates
Last updated
MangoApps Administrators Guide
Last updated
Network administrators have the ability to configure the look and feel of pages in MangoApps directly from the Admin Portal, making it easier to create content-rich sites for companies, departments, communities, and teams within the intranet. The platform offers a variety of tools, such as fixed vs. variable height widgets, better handling of large text data, page versioning, and the ability to save a page as a template, all without requiring any coding skills. Within the Page Template section (Domain > Page Template), admins can choose from system-generated modern pages, create custom pages, or use legacy static templates. This section allows for the reordering of templates, cloning and editing, and activating or deactivating templates. The intuitive design interface includes features like a visual grid for widget alignment, drag-and-drop functionality, and customizable widget dimensions. Additionally, admins can create multilingual pages and configure various settings such as comments, reactions, and change logs to enhance user interaction and communication. The Page Template tool simplifies the process of designing consistent and engaging pages across the organization.
Network admins can configure the look-and-feel of the styles for pages in MangoApps from the Admin Portal. Creating content-rich sites for companies, departments, communities, and teams within the intranet got much easier. Choice of fixed vs variable height widgets, better handling of large text data, page versioning to go back to an earlier copy, and saving a page as a template to reduce the time taken to create new sites. All of this with no coding skills required is now available for the intranet & internal communication teams in the company.
From the Admin Portal, you can design the page template (Domain>Page Template).
You have:
System Generated Pages (Modern Page): These are the new templates and existing dynamic templates.
Custom Pages: You can design your own template.
Legacy - old static templates.
In the Page Template window, you will see:
Default Modern Template List: Page Templates will have a list of modern prebuild templates only.
Reorder Template: This will open a pop-up with a list of templates.
Users can reorder templates using drag and drop and save the order by clicking on the Done
button. This order will be reflected in both:
Admin portal
Template pop-up for new page flow (user portal)
Three dots:
Clone and edit: This will open a 4 step wizard process where you can edit or duplicate the existing template.
Deactivate/Activate - This deactivate/activate the template.
Show template filter
All - This will show all active/inactive/draft templates.
Active - This will show all active templates.
Inactive - This will show all inactive templates.
Design your own: You can design the template.
Widgets automatically get snapped to the grid when added from the widget gallery.
Modern templates now show visual grids with gray background when designing a page for easier & neater alignment of widgets.
Drag & drop the widget using the title bar from one grid to another.
Increase or decrease the height & width of widgets on the visual grid by dragging the right bottom edge or the vertical edges.
From the Page Template, click Design your own.
Title
Enter the title for the template, this will be shown on the page tab.
Enter the description in the template description box.
Select the icon, selected icon will be shown before the short title in the tab.
To change the template image, select Change Image from the tab.
Multiple language copies of a company or team page can be created by the admin.
Multiple language pages can be created in the following languages
English
Chinese
Dutch
French
German
Italian
Polish
Portuguese
Spanish
Swedish
Turkish
Then click Next.
Design
Modern templates have a new setting to choose between fixed and variable height widgets.
Fixed height widgets make it quicker & easier to align the widgets which are in a single row to have the same height.
Fixed height settings by default are ON for all new pages. This setting can be changed by the page admin for all modern templates.
When this setting is ON, the visual grids are shown.
Steps:
Fixed Height Widgets: Enable this setting to make widgets in a single row to align up in height.
Pick up from Widget Gallery: Click to add the widgets on the page from the Add Widgets. Fixed widget height functionality gives control to the user to determine the height of the widget. Users can drag the widget to multiple rows and multiple columns.
Click Next. Preview
Click the Preview button to view a preview of the configurations before applying them.
Preview steps for the company & team page in the designer gives the admin the actual view of the page on both web & mobile.
Admin can continue to make changes by going to the design step, save as a draft or publish the page after previewing the page.
Web View:
:
Mobile view
Click Next.
Hashtag: Specify the hashtag to make the page searchable quickly using keywords.
Example: Sales and engineering.
Settings
Turn on Comments: enable comments so that users can post back suggestions, feedback, ask for clarification on the page content. This enables for vibrant 2-way communication in your network.
Turn on reactions: enable reactions to be posted on the pages.
Turn on change log: Enable change log if you want to keep a log of changes made to this page.
Only admins can see who has viewed this page: check this if you do not need employees to see which other employees have seen this page. Admin can still see/track who has viewed this page.
Click Save and Publish.
If you want to save as a draft, click Save as Draft and Exit.
You can view the newly created template in the Page Template.
.
Note: Page Templates will have a list of modern templates only.