Layout & Templates

Managing Template & customizing forma layout

Templates

Forma templates are located in your forma installation under root/templates/[template]

Yon can create unlimited templates and assign them to different orgchart nodes and domains

Adding templates

To add a new template:

  1. duplicate the "standard" template
  2. rename your copy

Avoid editing the standard template, you may lose your changes during forma upgrades

Customizing Templates

  1. upload and overwrite images under \templates\[template]\images
  2. create a file named \templates\[template]\style\custom.css and add your custom styles

Template priority

When a user logs to the platform and multiple templates are assigned to nodes and domains, forma will load the template following this priority order:

  1. Template assigned to the domain

  2. Template assigned to the user node

  3. Default template

In any other condition or unexpected configurations will be used the default template

Dashboard Configuration

The main settings for the dashboard configuration (from Forma 3.x onwards) are available under: 

Admin > System configuration > Dashboard Configuration

image.png

You can create a new dashboard or:

Creating a new dashboard

image.png

Duplicating a layout

image.png

Duplicate an existing layout and set its Name, Description, and status

Editing a layout

Adding a new block

You can delete blocks using the 'X' button, or you can create new blocks:

image.png

The available blocks are:

Concerning the welcome message, we recommend using and/or customizing the default text in the language management, because it can include the user's first and last name, and it can be localized according to the user's preferred language.

Editing blocks 

For each block, you can set:

Block width and position

The dashboard layout is based on a grid of 4 columns:

image.png

Viewing Permissions

Set the users, nodes or groups assigned to view each layout: with this feature you will be able to assign different dashboard layouts to different users.

Example

This is a good example

image.png

Let's see how it's configured in the backend.

On the first row, two blocks of 2 columns each. The Welcome message has been customized here, so this will override whatever message is in the language management.

The banner is 600 × 120, and it's linked to a YT video. You can also use slightly different sizes: in general, the banner should have a rectangular ratio.

image.png

Let's see the second row: three blocks, the calendar has 2 columns and the other blocks have 1 each.

image.png

User Area LMS

From this area, you can activate and set visibility options for most of the frontend layout modules.

Admin > Settings > Elearning Configuration > User Area LMS

image.png

Activate / Deactivate the main menu items.

Click on the user icon to assign visibility on this item only to some users or groups.

MyCourses Tabs

Activate / Deactivate tabs for the MyCourses section

Click on the user icon to assign visibility for each tab only to some users or groups.

Click on the “Home” icon to define the default tab to be shown when opening “MyCourses”

User Panel Blocks

Activate / Deactivate blocks and buttons in the side user panel.

Click on the user icon to assign visibility on this item only to some users or groups.