MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

function confirmOrder() {
bought = true;
document.getElementById("confirmFlyout").winControl.hide();
}
// On dismiss of the flyout, determine if it closed because the user pressed the buy button.
// If not, then the flyout was light dismissed.
function onDismiss() {
if (!bought) {
// (Sample displays a dismissal message on the canvas)
}
}
Handling the login controls in Scenario 2 is pretty much the same, with some added code to make
sure that both a username and password have been given. If not, the Login button handler displays an
inline error and sets the focus to the appropriate input field:
As the flyout of Scenario 2 is a little larger, the default placement of 'auto' on a 1366x768 display (as
in the simulator) makes it appear below the button that invokes it. There isn’t quite enough room above
that button. So try setting placement to 'top' in the call to show:
function showLoginFlyout() {
// ...
document.getElementById("loginFlyout").winControl.show(loginButton, "top");
}
Then you can see how the flyout gets scrollbars because the overall control element is too short:
297