Add CSS Custom Style Sheet formatting to a wallboard (UAW)

You can adjust the format of individual wallboards using CSS style sheets.

  1. Go to the Wallboard administration and select the wallboard to edit
  2. Select Text Format Settings (UAW 2.2.xx)
  3. Add the CSS text into the Custom Style Sheets section

Upon saving the changes, you'll see what it looks like the next time the wallboard does a refresh

WallboardCustomStyleSheets

Examples:

Scale the layout .a{height: 80%;} .q{height: 80%;}

Increase the height of the header row
.queueHead {height :10%} /* Default header row height is 5% */

Change the font size for the first column (only applies to some templates)
div[id$="c1"]{font-size: 30px !important;}

Making changes to the Agent icons:

AgentStatus2015

Hide calls handled from agent status .agentCallsHandled {display: none;}  /* hides the number of calls handled by the agent */

Hide extension number from agent status .agentExtension {display: none;}  /* hides agent extension number */

Hide duration of the state .agentStateDuration {display: none;}  /* hides duration of the agent state */

Hide the Reasoncode .agentReasonCode {display: none}  /* hides the agent reason code */

Hide the Agent State .agentEvent {display: none;}  /* hides the Agent State */

Set the size of the agent icon graphic and background tile .agentIcon img{ width: 80px; height: 80px; } .agentIcon { height: 90px; }

Applies to UAW