All geek questions in one place

Pop-up control in Windows8 Metro apps?

I have a metro application in which I am trying to create an application login window for my application. Here I want to create my login screen, like the Microsoft login screen. I found the popup control in XAML but did not find in html 5. Is there any special control in metro applications. I want to create my login page something like this.

enter image description here Thanks.

<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>

+6
source share
4 answers

Use the WinJS.UI.Flyout control. It can be used for confirmation dialogs, login, pop-ups and others. In addition, you can set the position in which it is shown.

Here you can read the documentation here . Here you have Guides and a checklist . And one example .

+3
source

JavaScript apps for the Windows Store do not have access to the built-in popup that looks or behaves like a Microsoft account login dialog box.

Windows.UI.Popups.MessageBox has a simple message box, but it does not have the ability to add additional controls, etc.

For your experience, you are looking for a modal user interface - to build, that you can build it relatively simply on your own (just add the position: absolute element to the body and make it fill the screen - the rest is that the elements / position of the children are under your complete control), or as Mayur suggested, use one of the many helper libraries that are there.

+2
source

If you are authenticating with a Microsoft account (which provides a standard account for Microsoft accounts), you can try the Live SDK, which will go into your Microsoft account. And if you want to create your own login mechanism with a user interface similar to a Microsoft account, you can try connecting the JQuery UI Plug-in and setting it up. It has a built-in popup control.

+1
source

Take a look in this tutorial. It is very useful.

http://www.c-sharpcorner.com/UploadFile/63f5c2/login-windows-store-apps/

0
source

Source: https://habr.com/ru/post/927171/

More articles:


All Articles