Customizing Colors

To change what colors are used, edit the ColorSchema.xml in the Totalview Wallboard’s data folder TotalviewWallboard\wwwroot\data

An example file with default values is located at TotalviewWallboard\wwwroot\data\DefaultValues\ColorSchema.xml

Example of an empty ColorSchema.xml with placeholders

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    <Colors>
    </Colors>
    <CallGroupColors>
        <CallsWaitingColors>
        </CallsWaitingColors>
        <CallsAnsweredPercentColors>
        </CallsAnsweredPercentColors>
    </CallGroupColors>
    <MemberColors>
        <CallsAnsweredPercentColors>
        </CallsAnsweredPercentColors>
    </MemberColors>
    <CallGroupGroupColors>
        <CallsWaitingColors>
        </CallsWaitingColors>
        <CallsAnsweredPercentColors>
        </CallsAnsweredPercentColors>
    </CallGroupGroupColors>
</ColorSchema>

Add a named color

You can add a named color, by adding a NamedColor element to the Colors element.

Example of adding a named color Blue #002d62:

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    <Colors>
        <NamedColor>
            <Name>Blue</Name>
            <Color>#002d62</Color>
        </NamedColor>
    </Colors>
    …
</ColorSchema>

Add a named color for a variable

You can specify a color for a variable by adding a ColorSchemaValue element to a variable you want to color (CallsWaitingColors or CallsAnsweredPercentColors)

Example of adding a named color Blue (must be found as a named color) for call group – calls waiting for interval 10 (included) to 20 (excluded)

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    …
    <CallGroupColors>
        <CallsWaitingColors>
            <ColorSchemaValue>
                <ColorName>Blue</ColorName>
                <ValidFrom>10</ValidFrom>
                <ValidUpTo>20</ValidUpTo>
            </ColorSchemaValue>
        </CallsWaitingColors>
        …
    </CallGroupColors>
    …
</ColorSchema>

Add a named color for a variable for a specific Call Group

You can specify what call group a given ColorSchemaValue is valid for by the Key field

If a value for a variable falls inside the interval the ColorSchemaValue with the Key for the element will be used, if none is found then one without a key will be used,

Example for Call group 344000 adding a named color Blue (must be found as a named color) for call group – calls waiting for interval 10 (included) to 20 (excluded)

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    …
    <CallGroupColors>
        <CallsWaitingColors>
            <ColorSchemaValue>
                <Key>344000</Key>
                <ColorName>Blue</ColorName>
                <ValidFrom>10</ValidFrom>
                <ValidUpTo>20</ValidUpTo>
            </ColorSchemaValue>
        </CallsWaitingColors>
        …
    </CallGroupColors>
    …
</ColorSchema>

Add a specific color for a variable

If you don’t want to use a named variable, the you can also supply a Color value in HEX insted

Example of adding a Color #0000FF (must be found as a named color) for call group – calls waiting for interval 10 (included) to 20 (excluded)

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    …
    <CallGroupColors>
        <CallsWaitingColors>
            <ColorSchemaValue>
                <Color>#0000ff</Color>
                <ValidFrom>10</ValidFrom>
                <ValidUpTo>20</ValidUpTo>
            </ColorSchemaValue>
        </CallsWaitingColors>
        …
    </CallGroupColors>
    …
</ColorSchema>

The Default ColorSchema.xml

This is the default color schema used

<?xml version=”1.0″ encoding=”utf-16″?>
<ColorSchema xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
    xmlns:xsd=”http://www.w3.org/2001/XMLSchema”>
    <Colors>
        <NamedColor>
            <Name>Black</Name>
            <Color>#000000</Color>
        </NamedColor>
        <NamedColor>
            <Name>Green</Name>
            <Color>#008200</Color>
        </NamedColor>
        <NamedColor>
            <Name>Red</Name>
            <Color>#B01E00</Color>
        </NamedColor>
        <NamedColor>
            <Name>Yellow</Name>
            <Color>#FF981D</Color>
        </NamedColor>
    </Colors>
    <CallGroupColors>
        <CallsWaitingColors>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>-2147483648</ValidFrom>
                <ValidUpTo>2</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Yellow</ColorName>
                <ValidFrom>2</ValidFrom>
                <ValidUpTo>4</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Red</ColorName>
                <ValidFrom>4</ValidFrom>
                <ValidUpTo>2147483647</ValidUpTo>
            </ColorSchemaValue>
        </CallsWaitingColors>
        <CallsAnsweredPercentColors>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>-2147483648</ValidFrom>
                <ValidUpTo>0</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Red</ColorName>
                <ValidFrom>0</ValidFrom>
                <ValidUpTo>80</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Yellow</ColorName>
                <ValidFrom>80</ValidFrom>
                <ValidUpTo>90</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>90</ValidFrom>
                <ValidUpTo>2147483647</ValidUpTo>
            </ColorSchemaValue>
        </CallsAnsweredPercentColors>
    </CallGroupColors>
    <MemberColors>
        <CallsAnsweredPercentColors>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>-2147483648</ValidFrom>
                <ValidUpTo>0</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Red</ColorName>
                <ValidFrom>0</ValidFrom>
                <ValidUpTo>80</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Yellow</ColorName>
                <ValidFrom>80</ValidFrom>
                <ValidUpTo>90</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>90</ValidFrom>
                <ValidUpTo>2147483647</ValidUpTo>
            </ColorSchemaValue>
        </CallsAnsweredPercentColors>
    </MemberColors>
    <CallGroupGroupColors>
        <CallsWaitingColors>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>-2147483648</ValidFrom>
                <ValidUpTo>2</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Yellow</ColorName>
                <ValidFrom>2</ValidFrom>
                <ValidUpTo>4</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Red</ColorName>
                <ValidFrom>4</ValidFrom>
                <ValidUpTo>2147483647</ValidUpTo>
            </ColorSchemaValue>
        </CallsWaitingColors>
        <CallsAnsweredPercentColors>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>-2147483648</ValidFrom>
                <ValidUpTo>0</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Red</ColorName>
                <ValidFrom>0</ValidFrom>
                <ValidUpTo>80</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Yellow</ColorName>
                <ValidFrom>80</ValidFrom>
                <ValidUpTo>90</ValidUpTo>
            </ColorSchemaValue>
            <ColorSchemaValue>
                <ColorName>Black</ColorName>
                <ValidFrom>90</ValidFrom>
                <ValidUpTo>2147483647</ValidUpTo>
            </ColorSchemaValue>
        </CallsAnsweredPercentColors>
    </CallGroupGroupColors>
</ColorSchema>

 

Last edited on October 11th, 2019