locked
Settings pane

    Question

  • In the available apps, some of the app settings commands lead to a page in the app's main UI (e.g., Store->Settings->Accounts), but others replace the settings pane content without returning to the app (e.g., Weather->Settings->About).

    I know how to add commands to the pane, and how to respond to a command by going to a new page in the app, but I don't understand how Weather replaces the entire content of the settings pane.

    Any guidance on this?

    Wednesday, March 21, 2012 6:41 PM

Answers

  • It looks like the Weather app replaces the contents of the settings pane with its own flyout that just happens to live in about the same place. You can do the same in your app by responding to your settings command by showing an IsLightDismissEnabled Popup that is docked to the right side of the app. Per the Guidelines for app settings, this flyout should be narrow (346 pixels) or wide (646 pixels) and should have a header that includes a back button, the name of the entry point that opened the Flyout, and the app’s icon.

    The "SettingsFlyout" mentioned in that document is a WinJS control. The Xaml equivalent is the Popup.

    --Rob

    Thursday, March 22, 2012 2:29 AM
    Owner

All replies

  • It looks like the Weather app replaces the contents of the settings pane with its own flyout that just happens to live in about the same place. You can do the same in your app by responding to your settings command by showing an IsLightDismissEnabled Popup that is docked to the right side of the app. Per the Guidelines for app settings, this flyout should be narrow (346 pixels) or wide (646 pixels) and should have a header that includes a back button, the name of the entry point that opened the Flyout, and the app’s icon.

    The "SettingsFlyout" mentioned in that document is a WinJS control. The Xaml equivalent is the Popup.

    --Rob

    Thursday, March 22, 2012 2:29 AM
    Owner
  • OK, that makes more sense. Thanks.
    Thursday, March 22, 2012 12:57 PM