2012-10-08 14 views
6

मेरे पास एक मेट्रो एप्लिकेशन है जिसमें मेरे एप्लिकेशन के लिए लॉग-स्क्रीन डिज़ाइन करने की कोशिश की जा रही है। यहां मैं अपनी लॉगिन-स्क्रीन को माइक्रोसॉफ्ट लॉगिन-स्क्रीन की तरह डिज़ाइन करना चाहता हूं। मुझे एक्सएएमएल में पॉपअप नियंत्रण मिला लेकिन एचटीएमएल 5 में नहीं मिला क्या मेट्रो ऐप्स में कोई विशेष नियंत्रण मौजूद है। मैं अपना लॉगिन पेज इस तरह कुछ डिज़ाइन करना चाहता हूं।windows8 मेट्रो ऐप्स में पॉपअप नियंत्रण?

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> 

उत्तर

1

आप Microsoft खाता (जो प्रदान करता है डिफ़ॉल्ट माइक्रोसॉफ्ट खाता लॉगिन बॉक्स) के खिलाफ के सत्यापन कर रहे हैं, तो आप लाइव एसडीके, जो माइक्रोसॉफ्ट खाते में प्रवेश करेंगे की कोशिश कर सकते हैं। और यदि आप यूआई के साथ अपना खुद का लॉगिन तंत्र बनाना चाहते हैं तो माइक्रोसॉफ्ट अकाउंट के समान कुछ दिख रहे हैं, तो आप JQuery UI प्लग-इन आज़मा सकते हैं और इसे कस्टमाइज़ कर सकते हैं। इसमें अंतर्निहित पॉप-अप नियंत्रण है।

2

जावास्क्रिप्ट विंडोज स्टोर अनुप्रयोगों में एक ऐसे पॉपअप तक पहुंच नहीं है जो Microsoft खाता साइन-इन संवाद की तरह दिखता/व्यवहार करता है।

एक सरल संदेश बॉक्सWindows.UI.Popups.MessageBox में अनुभव नहीं है, लेकिन यह अपने अनुभव के लिए अतिरिक्त नियंत्रण आदि

को जोड़ने की क्षमता है, तो आप एक मोडल यूआई के लिए देख रहे नहीं है - यह बनाने के लिए कि आप इसे अपेक्षाकृत आसानी से स्वयं बना सकते हैं (बस शरीर में position: absolute तत्व जोड़ें, और इसे स्क्रीन भरें - शेष तत्वों के बच्चे/स्थिति आपके पूर्ण नियंत्रण में हैं), या जैसा कि मयूर ने सुझाव दिया है, एक का उपयोग करें वहां मौजूद कई सहायक पुस्तकालयों में से हैं।

+0

डोमिनिक Hopton, Am ऊपर कोड के साथ की कोशिश कर यू मेरी मदद कर सकते हैं। –

3

WinJS.UI.Flyout नियंत्रण का उपयोग करें। इसका उपयोग पुष्टिकरण संवाद, लॉगिन, पॉपअप और अन्य के लिए किया जा सकता है। इसके अलावा, आप जिस स्थिति को दिखाया गया है उसे सेट कर सकते हैं।

आप प्रलेखन here पढ़ सकते हैं। यहां आपके पास Guidelines and checklist है। और एक example