gistfile1.xml

<template>
    <console-panels>

        <console-panel id="8" name="Office">
            <console-include-group ref="9"></console-include-group>
        </console-panel>

        <console-groups>
            <console-group id="9" name="Default Group">
                <console-include-screen ref="10"></console-include-screen>
            </console-group>
        </console-groups>

        <console-screens>
            <console-screen id="10" name="Starting Screen">

                <style>
                    [id='19'] {
                        position: absolute;
                        left: 88px;
                        top: 46px;
                        width: 180px;
                        height: 44px;
                    }

                    [id='15'] {
                        position: absolute;
                        left: 22px;
                        top: 29px;
                        width: 50px;
                        height: 50px;
                    }

                    [id='23'] {
                        position: absolute;
                        left: 35px;
                        top: 103px;
                        width: 175px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='21'] {
                        position: absolute;
                        left: 208px;
                        top: 103px;
                        width: 30px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='27'] {
                        position: absolute;
                        left: 208px;
                        top: 147px;
                        width: 30px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='25'] {
                        position: absolute;
                        left: 243px;
                        top: 103px;
                        width: 26px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='29'] {
                        position: absolute;
                        left: 242px;
                        top: 147px;
                        width: 26px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='31'] {
                        position: absolute;
                        left: 35px;
                        top: 147px;
                        width: 175px;
                        height: 50px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='17'] {
                        position: absolute;
                        left: 69px;
                        top: 24px;
                        width: 127px;
                        height: 27px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='33'] {
                        position: absolute;
                        left: 190px;
                        top: 24px;
                        width: 45px;
                        height: 29px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                    [id='35'] {
                        position: absolute;
                        left: 228px;
                        top: 24px;
                        width: 32px;
                        height: 29px;
                        font-size: 14px;
                        color: #FFFFFF;
                    }

                </style>

                <or-slider id="19"
                           vertical="false"
                           passive="false"
                           min="0"
                           max="99">
                    <or-link-sensor ref="106176563"></or-link-sensor>
                </or-slider>

                <or-switch id="15">
                    <or-link-sensor ref="106176564">
                        <or-state name="on" value="lighton.png"></or-state>
                        <or-state name="off" value="lightoff.png"></or-state>
                    </or-link-sensor>
                </or-switch>

                <or-label id="23" text="Office Temperature:">
                </or-label>

                <or-label id="21" text="XX">
                    <or-link-sensor ref="106176567"></or-link-sensor>
                </or-label>

                <or-label id="27" text="99">
                    <or-link-sensor ref="106176568"></or-link-sensor>
                </or-label>

                <or-label id="25" text="C">
                </or-label>

                <or-label id="29" text="%">
                </or-label>

                <or-label id="31" text="Office Humidity:">
                </or-label>

                <or-label id="17" text="Office Lamp">
                    <or-link-sensor ref="106176564">
                        <or-state name="off" value="Office Lamp OFF"/>
                        <or-state name="on" value="Office Lamp ON"/>
                    </or-link-sensor>
                </or-label>

                <or-label id="33" text="123">
                    <or-link-sensor ref="106176577"></or-link-sensor>
                </or-label>

                <or-label id="35" text="kWh">
                </or-label>

            </console-screen>
        </console-screens>
    </console-panels>
</template>