﻿<!--
Copyright (c) Microsoft Corporation. All rights reserved
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <script src="/js/scenario7-primarytilebadges.js"></script>
</head>

<body class="win-type-body">
    <div id="scenario7">
        <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
        <div id="scenarioDescription">
            Display badges on primary tiles.
        </div>

        <p><span class="win-h4">Step 1:</span> Manually pin this app's <em>primary</em> tile to your Start screen (if its not already)</p>
        <p><span class="win-h4">Step 2:</span> Use the controls below to display badges on the primary tile.</p>
        <hr />
        <p><button id="clearcommand" class="win-button">Clear badge</button></p>
        <p>
            <input id="numberinput" type="number" class="win-textbox" value="2" />
            <button id="updatenumbercommand" class="win-button">Update badge as number</button>
        </p>
        <p>
            <select id="glyphselect" class="win-dropdown"></select>
            <button id="updateglyphcommand" class="win-button">Update badge as glyph</button>
        </p>
    </div>

</body>

</html>