html - Windows 8 Metro 应用程序中的弹出控件?

标签 html popup microsoft-metro winjs

我有一个 Metro 应用程序,我正在尝试为我的应用程序设计登录屏幕。这里我想设计我的登录屏幕,就像 Microsoft 登录屏幕一样。我在 XAML 中找到了 Popup 控件,但在 html 中找不到5. metro 应用程序中是否存在任何特殊控件。我想将我的登录页面设计成这样。

enter image description here 谢谢。

<body style="background-color:#1d3665;">
<div class="loginPage fragment">
    <header aria-label="Header content" role="banner">
        <button class="win-backbutton" aria-label="Back" disabled></button>
        <h1 class="titlearea win-type-ellipsis">
            <span class="pagetitle">Welcome to loginPage</span>
        </h1>
    </header>
    <section aria-label="Main content" role="main">
        <table style="position: absolute;background-color:skyblue;">
            <tr>
                <td><input type="text"><br/></td>
            </tr>
            <tr>
            <td>
                 <input type="password"/>
                </td>
            </tr>
        </table>
    </section>
</div>

最佳答案

使用 WinJS.UI.Flyout 控件。它可用于确认对话框、登录、弹出窗口等。此外,您还可以设置显示的位置。

You can read the documentation here. Here you have the Guidelines and checklist. And one example.

关于html - Windows 8 Metro 应用程序中的弹出控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12779169/

相关文章:

javascript - ng-click 在移动屏幕上不起作用

ios - 自定义 iOS 弹出/模态视图越狱启动守护进程

.net - .NET for Windows 8 配置文件中的程序集列表

deployment - 如何在表面上测试 Windows8 应用程序

c# - 如何检查用户是否为我的应用评分

html - 为什么div在float :left?时一直向右浮动

javascript - data-* 每个类的值

c# - JS 中 C# var 的 asp.net 值

javascript - 如何使用从 iframe 加载的点击事件关闭 Bootstrap 模式

html - CSS:应用于子菜单的第一个菜单层的类