How to manage the layout of the UAW T98 dashboard

• The T98 dashboard has a 12x12 grid layout to provide maximum flexibility of widget placing/sizing.
• Any widget can be resized to any aspect ratio as appropriate (1x1, 3x3, 6x6, 6x3, 3x12 etc)
• The settings are stored in the browser local-storage so changes are personal, this can be saved as default for the wallboard (see below).

To start/reset with the default layout (if none is configured)

• click on "Restore layout" in the RH bottom of the page, this will apply the default layout or the Admin provided layout in the Javascript section.

To change the widgets layout (move/close/resize)

• click on "Edit widgets: Off" in the RH bottom of the page (so it shows "Edit widgets: On"
• To remove a widget, click on the X in the right-top of the widget
• To change the font size inside the widget (if available) click on the - or + on the right-hand-top of the widget
• To change the columns visibility ( for agent & queueus table widgets only), click on the cog on the right-hand-top of the widget and tick/untick as required
• To move a widget, click on the title bar of the widget (this should show a move icon) and move the widget where you want, this will move other widget as needed and snap to the grid
• To resize a widget, move the mouse to the right-bottom corner of the widget until you see a resize icon, then drag this corner to resize as required
• To add a widget, first make sure there is empty space for the new widget, then click on "+ add widget", then click on the + of the required widget to add it
• When finished changing the layout, click on "Edit widgets: On" in the RH bottom of the page, this will refresh the page so the graphs are rendered in the right size

To save a configured layout as default

You can save the layout in the wallboard administration so it becomes the default for all clients (unless they change the layout in the browser)

• click on "Copy Config" in the RH bottom of the wallboard page
• in a new browser tab, navigate to the Wallboard landing page, then click on "Wallboard Administration" (login with ursadmin)
• click on the title of the required wallboard
• click on "Text Format Settings"
• in the "Custom Javascript" text area, paste the content of your clipboard (ctrl-v or right-click paste)
• click Save
• If a client had already loaded the dashboard page, they will need to click on "Restore layout" to retrieve the changes

To customize the dashboard through Javascript

Javascript can be used to further customize the layout, some examples are:

• Change header names of the Queue Table - vertical widget
• Summarize queues in the Queue Table - vertical widget
• Configure thresholds

See the attached document for details of the Javascript options, they will need to be added as follows:

• in a new browser tab, navigate to the Wallboard landing page, then click on "Wallboard Administration" (login with ursadmin)
• click on the title of the required wallboard
• click on "Text Format Settings"
• in the "Custom Javascript" text area, add the Javascript option as required

T98 Configuration Document