Instructions to implement settings

Step 1 - Add handler for onsettings in default.js

app.onsettings = function(e) {
    e.detail.applicationcommands = { "preferencesDiv": { title: "Preferences", href: "/demos/settings/settings.html" } };
    WinJS.UI.SettingsFlyout.populateSettings(e);
};

Step 2 - Create a new page control and add a SettingsFlyout control with id that matches the application command

<div id="preferencesDiv" data-win-control="WinJS.UI.SettingsFlyout">
    settings panel content goes here
</div>

Step 3 - Show the Preferences settings flyout