ALVAO Dashboard
ALVAO Dashboard module is a set of pages for ALVAO WebApp application containing top overviews of currently solved requests in the services which can be displayed e.g. on the large screen at the Service Desk operators' site.
Computer Requirements
Installation and Activation
On the server where the Service Desk application is installed, run the AlvaoDashboard.msi installation package and follow the Wizard instructions.
Note: ALVAO Dashboard module version must be the same as the Service Desk application version.
The module is needed to activate with the activation key which you can receive from your ALVAO system vendor. Activation key provides the system administrator in the ALVAO Admin application by the File – Activation command.
Page templates
The following page templates are a part of the module:
| Name |
Description |
| TicketsBySolversAndSLA |
Displays the numbers of requests by solvers and SLA. |
| TicketsBySolversAndDeadline |
Displays the numbers of requests by solvers and due date. |
| TicketsBySectionsAndSLA |
Displays the numbers of requests by services and SLA. |
| TicketsBySectionsAndDeadline |
Displays the numbers of requests by services and due date. |
The templates are saved in the Custom/Templates folder of the Service Desk application. Each template consists of 3 files: .cshtml, .cs, and .css.
In the pages templates there is the following automatic redirecting after 30 seconds between the pages set:
- TicketsBySolversAndSLA <-> TicketsBySolversAndDeadline
- TicketsBySectionsAndSLA <-> TicketsBySectionsAndDeadline
Dashboard creating
When creating a custom dashboard is always necessary to edit a pair of pages redirecting to each other or cancel/edit the redirecting in the settings (in the source code).
First select one of the templates being as closest as possible to your intention. Copy the selected template – .cshtml and .css files to the Custom/<company name>/ folder and the .cs file to the Custom/<company name>/Code/ folder. Rename the files to reflect the function of the form. All the files (.cshtml, .cs, and .css) need to have the same file name.
Next you will have to adapt the pages code to the new file names.
- In the .cshtml file enter the
@Styles.Render function as the input parameter for a path to the .css file.
- In the .cs file in the beginning of the file next to the keyword
class change the name to the new dashboard name and add the word Controller without any gap.
The data displayed on the page can be edited in .cs file using the prepared parameters. You can find the instructions in comments directly inside each .cs file.
Now you can display your dashboard in a Browser (television). URL address is <WebApp address>/Custom/<company name>/<dashboard name>?DisplayMode=NoHeading.
Note: The DisplayMode parameter determines the View mode. The parameter can assume the Normal or NoHeading values. NoHeading will ensure that the WebApp pages header will not display.
Page style editing
A link to the file with page style is in the .cshtml file (input parameter of function @Styles.Render).
| CSS class |
Displayed column name |
Description |
| body |
|
Page background color. |
| dashboard |
|
Dashboard background color. |
| dashboard_title |
|
Dashboard name. |
| dashboard_table |
|
Dashboard table. |
| td |
|
Table cell. |
| name |
|
First column in the cell containing solvers/services. |
| opened |
Open |
Each cell has the class set according to the column.
E.g.: All the cells in the Today column have the CSS class today set. |
| overdue |
Expired due date |
| hour |
< Hour |
| today |
Today |
| this_week |
This week |
| next_week |
Next week |
| other |
Different due date |
| zero_cell |
|
Each cell with the 0 value has this class set. |
| sla<id> |
<SLA name> |
Each SLA column has this class set. Id corresponds with the SLA Id in the database. SLA ID can be found directly from the HTML code of the resulting page in the browser. |
| top_row |
|
This class has the first row of the table containing due dates/SLA names. |
| even_row |
|
This class have all the even rows. |
| odd_row |
|
This class have all the odd rows. |
Dashboard settings
Using the parameters in the .cs files you can further specify what the page should display. Settings documentation can be found directly in those files.
If necessary, insert the .cs file custom edits only into the labeled section.
Did not find what you were looking for? Ask our technical support team.
|