[Index]
Landing Page Conversion to Dashboards
~/src/v4uc-core/src/deviceapi (HEAD detached at origin/VOSS-1217_LP_Dashboard_Migration)└─ $ view db/migrate/phase8/migrate_0008_landing_pages_to_dashboards.py
When upgrading to Automate release 24.1, existing landing pages on VOSS Automate are converted to dashboards. These dashboards allow for the same functionality as landing pages, but additional features such as widgets, are available on dashboards that allow for an enriched landing page interface.
For details on dashboards, see: Automate Dashboards.
For default landing pages included in the system, the conversion process retains a part of the landing page name, but adds or replaces any indication (for example: LP) in the name with a dashboard equivalent (such as DB). For custom landing pages found in a system, the original names are retained following conversion to dashboards.
As a part of the landing page to dashboard conversion during upgrade, a number of related elements are also migrated:
Overview
Landing pages define the look and feel and layout of elements that display in the main part of the system screens.
When selecting a menu item that has been set to be a landing page, the main part of the system screen will then be the landing page defined for that menu item. Also, when logging or when clicking the Home button from anywhere in the system, you will see the landing page defined as the Landing Page on the user's role.
Note
Saved Searches are shown as the first landing page entry on the Home page.
Default landing pages ship with the system and are associated with pre-defined roles in the hierarchy, for example Provider, Customer, and Site administrators.
You can modify landing pages to set up direct links to areas in the system. The links can be used as short-cuts by the administrators, based on their role.
Note
Related Topics
Menu Layouts in the Core Feature Guide
Advanced Configuration Guide
HCS Dial Plan Macros in VOSS Automate in the Core Feature Guide
Fixed and Configurable Filters in Menus and Landing Pages in the Core Feature Guide
Customizing Landing Pages
You can make a clone (copy) of a landing page and then create a new landing page based on pre-populated settings. Alternatively, you can export a landing page, edit it externally, and then re-import it. Designers with access to the tag function can use tag versions to uniquely identify different landing pages, and to track and control changes.
Landing pages may be customized for different user roles, and include several configurable elements:
Add or Edit a Landing Page
This procedure adds a new landing page and edits an existing landing page.
Log in to the Admin Portal as a Provider administrator, or higher.
Choose the hierarchy level for the landing page, for example, Customer.
Go to (default menu) Role Management > Landing Pages to open the Landing Pages list view.
Choose an option:
Create a new landing page using the settings of an existing one | Recommended method. Click on the relevant landing page to open its editing screen, then click Clone. Update the settings of the cloned landing page and save it as a new landing page. Go to the next step for details around configuring your new landing page. |
Create a new landing page from scratch | Click the Plus (+) icon to add a new record. Go to the next step for details around configuring your new landing page. |
Edit an existing landing page | Click on the landing page in the list view to open its editing screen, update settings, and save your changes. |
On the Details tab, configure the options for the landing page:
Note
Add a Name and optionally a Description.
Configure Counters (filters, icon, title, model type, FDP, CFT).
Configure Widgets (select from Available to Selected and order the selection).
Note
When configuring widgets, charts can be chosen to show:
Configure Sections, and links in sections.
On the Welcome Header, configure the header text and line text for the landing page. See Landing Page - Welcome Header Tab.
Save the landing page.
Assign the landing page to the relevant roles or add to a menu layout.
Landing Pages - Configuration Options
Landing pages are configured via (default menus) Role Management > Landing Pages.
The list view accessible via this path displays the landing pages available in your system, and includes the landing page name, a description, and the hierarchy.
You can click on a landing page in the list view to edit it. Landing pages have the following configuration options - you can either select a tab or, if you're using the panel layout, fields display in the following main sections:
On the Details tab (panel), you can configure basic options (name and description) and configure counters, sections, and widgets.
The table describes the configuration options for landing pages on the Details tab:
Column | Description |
---|---|
Name | The name of the landing page. |
Description | An optional description of the landing page. |
Counters | These rows display the model-type instance counts (one or more) that display on the landing page. Click in a row to edit an existing counter, or click the Plus icon (+) to add a new counter. Use the hamburger icon to re-order the counters. Refer to further details in the tables below. |
Widgets | A side-by-side transfer box is available to select and order widgets. Widgets typically show data in a chart or details format. Note The Headset Summary By Model widget cannot be arranged side-by-side with another widget since it spans the entire landing page. In order to group widgets on the landing page, ensure this widget is ordered as either the first or last in the Selected list. Refer to further details in the tables below. |
Sections | These rows display the sections (one or more) that display as blocks on the landing page. Click on an item to edit it, or click the Plus (+) icon to add a new section. Use the hamburger icon to re-order the sections. Refer to further details in the tables below. |
Links | Configures links in sections on landing pages. Items are arranged in two columns. Refer to further details in the tables below. |
Landing page counters, widgets, and sections
The table describes common edit functionality and data types typically available for the various landing page elements - Counters, Widgets and Sections:
Column | Description |
---|---|
Reorder | Click on the reorder icon in the relevant row to change the location of a landing page element. |
Add, clone, or delete row | Click an icon to either add a row, clone (copy) a row, or to delete the row. Clicking the Delete icon in a row triggers a system message asking you to confirm that you want to remove the row. This allows you to review the change in case you clicked the Delete icon by mistake. Clicking the toolbar Save icon saves all changes to the landing page you're configuring. |
Type | The model type to associate with the landing page element. Blank when href field is populated. The model type shows the related FDPs (field display policies) and CFTs (configuration templates) that can be applied. When type is view (view/ModelType), the value for Display As must be Form. |
Href | Mandatory when the value for Display As is External Link. For backwards compatibility, hrefs can be used for links within the application to link directly to a form. For example, (example API URL for a list of items of type relation/SubscriberPhone) the Add Phone page would have the following href (API URL): api/relation/SubscriberPhone/add In this case, you'll need to use JSON-format landing page import, or bulk load, to add any associated field display policies (FDPs) and configuration templates for the menu item. The recommendation is not to use hrefs to reference view/ type models. Href is a direct reference to a model type (the path), if applicable. If used, the Type field is empty. |
Field Display Policy | The field display policy associated with the landing page element: Counters or Sections. |
Configuration Template | The configuration template associated with the landing page element: Counters or Sections. |
Counters
The table describes configuration options for landing page counters:
Column | Description |
---|---|
Icon | The icon to be used for this counter. |
Title | Mandatory. The title to be displayed for this counter, for example, Phones, Users. |
Filters | For Filters, fixed and configurable filters can be applied to the counters, so that the count is carried out in accordance with the filters. Fixed filters can't be removed. Filters are relevant only for models where we have a list (not forms). The following options are available for filters once the Counter Type is selected:
|
Condition | Click in the cell to add or edit a macro that allows you to display/hide the counter, based on a condition specified in a macro. If the macro evaluates to true, the counter displays, else, when false, the counter is hidden. The default is true (counters you add display by default). A condition may be needed if the counter, for example, relates to a feature that has to be enabled. Examples:
See the Advanced Configuration Guide for more information about using macros. |
Sections
The table describes landing page configuration options for sections:
Column | Description |
---|---|
Links | Displays a Links table where you can configure links in the section. |
Title | Mandatory. The section title as it will show on the Landing page. |
Condition | Click in the cell to add or edit a macro that allows you to display/hide the section, based on a condition specified in a macro. If the macro evaluates to true, the section displays, else, when false, the section is hidden. The default is true (sections you add display by default). Examples:
See the Advanced Configuration Guide for more information about using macros. |
Links
The table describes configuration options for links in sections on a landing page:
Column | Description |
---|---|
Filters | Click the filter icon in the relevant row to display a dialog where you can choose fixed and configurable filters for the link. Fixed filters can't be removed and are applicable when Display As is 'List'. Filters are relevant only for models where we have a list (not forms). The following options are available for configurable filters for links:
|
Icon | The icon to use for the link. Click in the cell to choose an icon. Icons display in the drop-down with a descriptive name. |
Link Text | Mandatory. Text for the link. |
Description | Add a description of the link. |
Column | Description |
---|---|
Condition | Optional. Specify a macro as a condition to define whether the link displays on the landing page. If the macro evaluates to True (default), the link displays. See the Advanced Configuration Guide for more information about using macros as conditional criteria. |
Href | If a direct reference to a model type is used for the menu item, the specified path. |
Set as default Model Type | This menu entry configuration is the default for this model type. Its selected Field Display Policy and Configuration Template will be used for the model in cases like search and when not navigating from a menu or landing page. |
Column | Description |
---|---|
Display As | Click in the cell to choose how the menu item should display. The default is List. Options are: List, Landing Page, Form, External Link, Tree
|
This tab configures the landing page header text and line text.
Header Text | A single line static welcome message displayed at the top of the landing page. |
Line Text | Text for the welcome line displayed under the header. Use [userrole] as a placeholder to insert the current user's role, to serve as the header. For example: /www/img/landingPageIcons/User.png |
Landing Page Examples
VOSS Automate provides a set of sample "Dashboard" landing pages that can be used or customized (cloned to a required hierarchy and modified) and referenced in a menu layout that can then for example be associated with an administrator user role.
The sample landing pages are designed to support both Cisco and Microsoft devices and services. Service, user or device counter, and a section titled Quick Actions are included that contain links to carry out common tasks.
Note
A user's Access Profile - Permitted Operation options on a Permitted Type - will impact the availability of a related quick action entry on a landing page. See: Access Profiles.
The image shows an example of the default "Dashboard Subscribers" landing page, for example associated with a Subscribers menu item:
Landing Pages for a Business Admin Role
VOSS Automate provides a set of landing pages, menu layouts, and field display policies that are used in two sample menu layouts - for use or customization as a Business Administration Portal menu layout to be added to a user's role.
Example - Call Groups setup and display
Example - display of Number Management landing page
Refer to the Landing Page Definition topic.
Note
To work on an existing landing page, we recommend that you clone the required landing page and work on the clone.
Log in as the provider administrator.
Choose the hierarchy level for the landing page.
Choose Role Management > Landing Pages to show the list view of Landing Pages (if configured). Note that this option is only available to Provider Administrators (or higher).
Click the Add button.
On the Base tab, enter a name for the Landing page.
Click the + button on the Meta Tasks field and fill in the necessary information. See Landing Page Definition for details about available fields.
Click the + button on the Sections field and fill in the necessary information. See Landing Page Definition for details about available fields.
On the Welcome Header tab, enter the required Header Text, which is a single line static welcome message displayed on top of the Landing page.
Enter the required Line Text, for the welcome line displayed under the header, Use [userrole] as a placeholder to insert the current user's role. to serve as the header, for example /www/img/landingPageIcons/User.png.
Click Add adjacent to links, for each required link in the section, and enter the link details.
Choose an Icon name from the dropdown to be displayed only on the landing page. To see the icons, refer to Business Admin Portal Interface Custom Icon Names Reference.
The available fields are for menu items when creating Menu Layouts. If Type is selected, field display policies and configuration templates can be applied. The link Type is displayed as the chosen Display As item:
Arrange the desired order of the sections by clicking the up or down arrows to move the sections up or down respectively.
Click Save when complete to create the landing page.
To modify an existing landing page, click the relevant landing page name from the Landing Page list view and edit the appropriate fields as described above.
When complete, assign the Landing Page to the appropriate roles.
This is the user's home page, which is seen when the user logs in and then uses the application Home button.
The landing page configuration options provide an opportunity to set up short-cut links to frequently used functionality, and to enhance the look and feel on the user's GUI. Images and links can be added in vertical or horizontal patterns with unlimited boxes and shortcuts which can then be assigned to a user’s role.
A default page is loaded in the system and associated to pre-defined roles in the hierarchy, for example Provider, Customer, and Site administrators.
These editable configurations provide an easy mechanism to define direct links to areas in the system which can be used as short-cuts by the administrators in line with their role.
Existing images can be used or new images can be added in line with branded look and feel.
Landing pages can also be copied via the Clone option so they can be edited or exported and re-imported.
For designers with access to the tag function, this enables the landing page to be uniquely identified and a tag version can be applied to track and control changes.
The CSS of the Theme can be used to control the layout of the landing page.
Refer to the Landing Page Definition topic.
To modify an existing landing page, click the relevant landing page name from the Landing Page list view and edit the appropriate fields as described above.
The landing page definition comprises the following:
Also refer to data/LandingPage on-line help.
Meta Tasks / Links Field | Description |
---|---|
Display As | Determines how the link is displayed. The options are:
If the Inline List option is chosen, the Display Multiple Columns field is visible. The first five items are displayed in the section. If the list is longer than five items, a link to the whole list is displayed after the first five. |
Display Multiple Columns | If Display As is set to Inline List, the check box determines if the single field or multiple fields are to be shown. If enabled, the Link Test field is hidden and replaced by the Columns field. |
Button Text (Meta Tasks section only) | Text that is displayed in the task's button. |
Link Text (Links section only) | Text that is displayed in the link's button. |
Columns | The names of the columns to be displayed from the list of fields returned by the API. This field is mutually exclusive with Columns. The fields are displayed as links to the target list items. For example, if first_name and last_name are selected for data\User, then the first five users are listed as rows with columns for the first name and last name. |
Type | The Model Type that is displayed or targeted by the link. If this field is populated, then the Href field (below) should be blank. For example, if Model Type is selected as data/User and the Display As option is List, then the menu link shows the list of instances of data/User. |
Href | API URL on which the client performs retrieves the link's data from If this field is populated, then the Type field (above) should be blank. An example API URL would be /api/relation/SubscriberPhone/ for a list of items of type relation/SubscriberPhone. |
Field Display Policy | If specified, the Form URI is extended to apply the policy to the returned form. For example, if Model Type is selected as data/User/add and Display As option is Form, then a Field Display Policy that is available for data/User can be selected to apply to the form in order to for example hide or rename input fields. |
Configuration Template | If specified, the Form URI is extended to apply the template to the returned form. For example, if Model Type is selected as data/User/add and Display As option is Form, then a Configuration Template that is available for data/User can be selected to apply to the form in order to, for example, provide default values. |
Link Text | The text that is displayed as the link. If the link is displayed as Inline Form, then a field name from returned data type may be specified instead. This field is mutually exclusive with Columns. Note that if the display is Inline List, then all displayed links show this text. |
Landing page displayed to end user
Title | Description | Details | |||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Name * | The name that is given to the Landing Page |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Description | A description of the Landing Page. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Welcome Header | Text for the welcome section. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Header Text | A single line static welcome test displayed on top of the landing page. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Line Text | Text for the welcome line displayed under the header. Use [userrole] as a placeholder to insert the current user's role. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Counters | The list of counters for the Landing Page dashboard |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Title * | The title to be displayed for this counter. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Icon | The icon to be used for this counter. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Type | The selected model type from the Type drop-down list to associate with the Title. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Field Display Policy | The selected Field Display Policy that is associated with the counter. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Condition | Only show this counter if this condition evaluates to true. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Configuration Template | The selected Configuration Template that is associated with the counter. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Hidden Filters | Filters that can't be removed by end user. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Filter By |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter Type |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter String |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Ignore Case |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Visible Filters | Filters suggested to end users and my be cleared. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Filter By |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter Type |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter String |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Ignore Case |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Sections | The list of section items that belong to the Landing Page. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Title * | The section title as it will show on the Landing page. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Image URL | Optional URL to image to be displayed as section image. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Condition | Only show this section if this condition evaluates to true. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Links | List of links that belong to section. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Icon | The icon to be used for this link. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Link Text | Text for the link |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Description | A description of the Link. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Condition | Only show this link if this condition evaluates to true. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Display As | Select the display format of the model types of the menu item. The format can be a Form for a single instance, or a List for more than one instance. Default: list |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Type | The selected model type from the Type drop-down list to associate with the Title. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Href | If a direct reference to a model type is used for the menu item, the specified path. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Field Display Policy | The selected Field Display Policy that is associated with the Menu Item. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Configuration Template | The selected Configuration Template that is associated with the Menu Item. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Set as default Model Type | Use this menu entry configuration as the default for this model type. The selected Field Display Policy and Configuration Template will be used for the corresponding model in cases like search, when not navigating from a menu or landing page. |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Fixed Filters | Filters that can't be removed by end user. Applicable to display as = 'list' |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Filter By |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter Type |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter String |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Ignore Case |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Configurable Filters | Filters suggested to end users and my be cleared. Applicable to display as = 'list' |
|
|||||||||||||||||||||||||||||||||||||||||||||||
Filter By |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter Type |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Filter String |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Ignore Case |
|
||||||||||||||||||||||||||||||||||||||||||||||||
Widgets |
|