Frontend Widgets and Groups

LUCS Frontend widgets are a key component in displaying service call interactions. They also allow supervisors or administrators to directly interact with agents and calls. 

To customize widgets you need to organize them in widget groups. A widget group acts as "container" which you fill with individual configured for your individual needs.

This page focuses on how to add and configure widgets. You might also be interested in: 

• Widget Types - A comprehensive list of all widgets available
  
• Widget Actions - Learn what you can do directly within widgets

Adding Widget Groups

In order to manage widgets you will need at least one widget group:

1. Select "Widget Groups" from the sidebar and click on "Manage Widget Groups"
2. "Create" a new group with any Name, Abbreviation, Description and Icon of your choice.
   → The group is now added

3. If you have more than one group already existing you can:

   1. move them around to appear in the sidebar order by using drag and drop anywhere in the widget entry

   2. hide or show the entry in your Widget Groups menu by using the "checkbox"  icon

   3. access and edit group details with the "pen" icon

   4. delete a group via the "x" icon

   5. 

      Widget Group management
4. Once done, close the panel. Go to the Sidebar > Widget Groups and click on your new group
   → You now get an empty view to work on 
5. Add a new widget by clicking on the "Add Widget" button
   
   → A pop-up with various widget types appear. 
6. For the sake of this example, just add any widgets that appear interesting to you. You can change, remove and edit them later. (see → "Widget Settings" chapter below)
   → All selected widgets will be instantly added to the wall once you press "+"
7. After adding widgets to your wall you can drag and drop them around freely. 
   
    Some widgets have a lock-icon because they allow page changes and Widget Actions. Leave them locked if you don't want to accidentally change anything.

Some hints on Widgets

• When adding new widgets, a small counter will inform you if widgets of that type already exist in your widget group.
  
• You can add up to 10 widgets to a wall, including duplicates of the same widget.
• Adding duplicates can make sense since you can configure filters and other settings for each widget. Read more about it in the chapter below.

Accessing Widget Settings

When some widgets have been added to your group you can configure them individually by clicking the little gear-icon.  

Not every widget will have the same settings and tabs available. In the following we explain all possible / available settings within each tab. 

Properties-Tab

This tab opens by default and is available to all widgets. However some options shown are not available in every properties-panel. The table below will list all options available for configuration.

'Properties' panel allows to manage widget properties and contains the following controls:

Columns Tab

The 'columns' tab allows you to hide columns in table widgets to what you really need. This is also useful to reduce the horizontal space footprint for a widget. 

 Good to know: Columns that are cut off still show they complete info on mouse-over. 

The 'Columns' panel contains the following controls:

Thresholds tab

The 'Thresholds' tab allows you to highlight columns in configurable colors when reaching a defined threshold value. It also enables audio-notifications played once the threshold is reached, the notification gets played once.

 Audio notifications (= file listed for selection) are configured via the 2019-12-11_16-23-41_Settings Pop-up.  Only System Administrators can upload new Audio-files.

The 'Thresholds' panel contains the following controls:

Filters tab

Filters allow you to narrow down the input data according to filters of your choice. 

Within the 'Filter' panel you can use the following controls: