%3CLINGO-SUB%20id%3D%22lingo-sub-317223%22%20slang%3D%22en-US%22%3EGuidance%20Summary%20for%20writing%20Windows%2010%20S%20Mode%20apps%20with%20Adaptive%20Layout%2C%20Live%20Tiles%2C%20and%20Notifications%20and%20Action%20Center%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-317223%22%20slang%3D%22en-US%22%3E%0A%20%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3DUTF-8%22%20%2F%26gt%3B%3CSTRONG%3E%20First%20published%20on%20MSDN%20on%20May%2021%2C%202018%20%3C%2FSTRONG%3E%20%3CBR%20%2F%3E%3CH2%20id%3D%22introduction%22%20id%3D%22toc-hId-1760203153%22%20id%3D%22toc-hId-1789606748%22%3EIntroduction%3C%2FH2%3E%3CBR%20%2F%3E%3CP%3EMany%20developers%20writing%20applications%20for%20Windows%2010%2C%20need%20to%20write%20their%20apps%20to%20be%20functional%20at%20all%20resolutions%20and%20windows%20sizes%20and%20support%20live%20tiles%20and%20notifications.%20The%20following%20is%20a%20summary%20of%20App%20Consult%20blogs%20and%20other%20references%20to%20assist%20in%20the%20implementation%20and%20testing%20of%20these%20features.%20Note%20that%20UWP%20apps%20are%2C%20by%20definition%2C%20Windows%2010%20S%20compatible.%20It's%20the%20Desktop%20Bridge%20apps%20that%20need%20to%20be%20tested%20for%2010%20S%20compatibility.%20See%20below%20for%20how%20to%20limit%20an%20app's%20distribution%20to%20PC%20only.%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22windows-10-s-mode---desktop-bridge-apps%22%20id%3D%22toc-hId--988467313%22%20id%3D%22toc-hId--959063718%22%3EWindows%2010%20S%20Mode%20-%20Desktop%20Bridge%20apps%3C%2FH3%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2017%2F06%2F15%2Fporting-and-testing-your-classic-desktop-applications-on-windows-10-s-with-the-desktop-bridge%2F%22%20title%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2017%2F06%2F15%2Fporting-and-testing-your-classic-desktop-applications-on-windows-10-s-with-the-desktop-bridge%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Porting%20and%20testing%20your%20classic%20desktop%20applications%20on%20Windows%2010%20S%20with%20the%20Desktop%20Bridge%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2017%2F08%2F16%2Fhow-to-validate-if-your-application-is-compliant-with-the-windows-store-polices-windows-10-and-windows-10-s%2F%22%20title%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2017%2F08%2F16%2Fhow-to-validate-if-your-application-is-compliant-with-the-windows-store-polices-windows-10-and-windows-10-s%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20How%20to%20validate%20if%20your%20application%20is%20compliant%20with%20the%20Windows%20Store%20policies%20(Windows%2010%20and%20Windows%2010%20S)%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Feducation%2Fwindows%2Ftest-windows10s-for-edu%22%20title%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Feducation%2Fwindows%2Ftest-windows10s-for-edu%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Test%20Windows%2010%20in%20S%20mode%20on%20existing%20Windows%2010%20education%20devices%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fwindows%2Fs-mode%22%20title%3D%22https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fwindows%2Fs-mode%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Introducing%20Windows%2010%20in%20S%20mode%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22adaptive-layout%22%20id%3D%22toc-hId-754343022%22%20id%3D%22toc-hId-783746617%22%3EAdaptive%20Layout%3C%2FH3%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fwindows%2Fuwp%2Fdesign%2Flayout%2Fresponsive-design%22%20title%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fwindows%2Fuwp%2Fdesign%2Flayout%2Fresponsive-design%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20UWP%20-%20Responsive%20design%20techniques%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fmagazine%2Fmt147241.aspx%22%20title%3D%22https%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Fmagazine%2Fmt147241.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Web%20Development%20-%20Building%20Responsive%20Web%20Sites%20with%20Bootstrap%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.w3schools.com%2Fhtml%2Fhtml_responsive.asp%22%20title%3D%22https%3A%2F%2Fwww.w3schools.com%2Fhtml%2Fhtml_responsive.asp%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20HTML%20Responsive%20Web%20Design%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22live-tiles-and-notifications%22%20id%3D%22toc-hId--1797813939%22%20id%3D%22toc-hId--1768410344%22%3ELive%20Tiles%20and%20Notifications%3C%2FH3%3E%3CBR%20%2F%3E%3CP%3EUWP%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FMicrosoft%2FWindows-universal-samples%2Ftree%2F6370138b150ca8a34ff86de376ab6408c5587f5d%2FSamples%2FNotifications%22%20title%3D%22https%3A%2F%2Fgithub.com%2FMicrosoft%2FWindows-universal-samples%2Ftree%2F6370138b150ca8a34ff86de376ab6408c5587f5d%2FSamples%2FNotifications%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Notifications%20Sample%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20Desktop%20Bridge%20-%20%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2016%2F11%2F21%2Fdesktop-bridge-expanding-a-desktop-application-with-a-uwp-component%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Desktop%20Bridge%20%E2%80%93%20Expanding%20a%20desktop%20application%20with%20a%20UWP%20component%3C%2FA%3E%20%3CBR%20%2F%3E%3CP%3EPWA%20-%20%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F04%2F07%2Fprogressive-web-apps-on-windows-10-live-tiles-toast-notifications-and-action-center%2F%22%20title%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F04%2F07%2Fprogressive-web-apps-on-windows-10-live-tiles-toast-notifications-and-action-center%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Progressive%20Web%20Apps%20on%20Windows%2010%3A%20Live%20Tiles%2C%20Toast%20Notifications%20and%20Action%20Center%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22pwa---app-activation%22%20id%3D%22toc-hId--55003604%22%20id%3D%22toc-hId--25600009%22%3EPWA%20-%20App%20Activation%3C%2FH3%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F05%2F18%2Factivating-a-progressive-web-app-on-windows-10-using-a-toast-notification%2F%22%20title%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F05%2F18%2Factivating-a-progressive-web-app-on-windows-10-using-a-toast-notification%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Activating%20a%20Progressive%20Web%20App%20on%20Windows%2010%20using%20a%20toast%20notification%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22pwa---windows-ink%22%20id%3D%22toc-hId-1687806731%22%20id%3D%22toc-hId-1717210326%22%3EPWA%20-%20Windows%20Ink%3C%2FH3%3E%3CBR%20%2F%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F05%2F15%2Fnative-inking-comes-to-progressive-web-apps-on-windows-10-1803%2F%22%20title%3D%22https%3A%2F%2Fblogs.msdn.microsoft.com%2Fappconsult%2F2018%2F05%2F15%2Fnative-inking-comes-to-progressive-web-apps-on-windows-10-1803%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3E%20Native%20Inking%20comes%20to%20Progressive%20Web%20Apps%20on%20Windows%2010%20(1803)%20%3C%2FA%3E%3C%2FP%3E%3CBR%20%2F%3E%20%3CBR%20%2F%3E%3CH3%20id%3D%22toc-hId--864350230%22%20id%3D%22toc-hId--834946635%22%3ELimiting%20application%20distribution%20to%20the%20Desktop%20(PCs%20and%20Tablets)%20Device%20family%20only%3C%2FH3%3E%3CBR%20%2F%3E%20If%20building%20apps%20with%20a%20Visual%20Studio%20template%2C%20the%20default%20device%20family%20is%20set%20to%20Universal.%20This%20means%20the%20developer%20intends%20for%20this%20app%20to%20be%20installed%20on%20all%20device%20families%20supported%20by%20Windows%3A%20Xbox%2C%20Team%2C%20Holographic%20and%20Desktop.%20This%20won't%20be%20a%20problem%20for%20some%20apps%2C%20but%20if%20you%20are%20targeting%20the%20Desktop%20only%2C%20you%20should%20set%20the%20device%20family%20to%20Desktop.%20To%20do%20this%2C%20change%20%3CSTRONG%3E%20AppManifest.xml%20%3C%2FSTRONG%3E%20as%20follows%3A%20%3CBR%20%2F%3E%20%3CBR%20%2F%3E%20Change%3A%20%3CBR%20%2F%3E%20%3CBR%20%2F%3E%20%3CTARGETDEVICEFAMILY%20name%3D%22%26quot%3BWindows.Universal%26quot%3B%22%20...%3D%22%22%3E%3C%2FTARGETDEVICEFAMILY%3E%20%3CBR%20%2F%3E%20%3CBR%20%2F%3E%20To%3A%20%3CBR%20%2F%3E%20%3CBR%20%2F%3E%20%3CTARGETDEVICEFAMILY%20name%3D%22%26quot%3BWindows.Desktop%26quot%3B%22%20...%3D%22%22%3E%3C%2FTARGETDEVICEFAMILY%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-317223%22%20slang%3D%22en-US%22%3EFirst%20published%20on%20MSDN%20on%20May%2021%2C%202018%20IntroductionMany%20developers%20writing%20applications%20for%20Windows%2010%2C%20need%20to%20write%20their%20apps%20to%20be%20functional%20at%20all%20resolutions%20and%20windows%20sizes%20and%20support%20live%20tiles%20and%20notifications.%3C%2FLINGO-TEASER%3E
Microsoft
First published on MSDN on May 21, 2018

Introduction


Many developers writing applications for Windows 10, need to write their apps to be functional at all resolutions and windows sizes and support live tiles and notifications. The following is a summary of App Consult blogs and other references to assist in the implementation and testing of these features. Note that UWP apps are, by definition, Windows 10 S compatible. It's the Desktop Bridge apps that need to be tested for 10 S compatibility. See below for how to limit an app's distribution to PC only.



Windows 10 S Mode - Desktop Bridge apps


Porting and testing your classic desktop applications on Windows 10 S with the Desktop Bridge ...


How to validate if your application is compliant with the Windows Store policies (Windows 10 an...


Test Windows 10 in S mode on existing Windows 10 education devices


Introducing Windows 10 in S mode



Adaptive Layout


UWP - Responsive design techniques


Web Development - Building Responsive Web Sites with Bootstrap


HTML Responsive Web Design



Live Tiles and Notifications


UWP - Notifications Sample


Desktop Bridge - Desktop Bridge – Expanding a desktop application with a UWP component

PWA - Progressive Web Apps on Windows 10: Live Tiles, Toast Notifications and Action Center



PWA - App Activation


Activating a Progressive Web App on Windows 10 using a toast notification



PWA - Windows Ink


Native Inking comes to Progressive Web Apps on Windows 10 (1803)



Limiting application distribution to the Desktop (PCs and Tablets) Device family only


If building apps with a Visual Studio template, the default device family is set to Universal. This means the developer intends for this app to be installed on all device families supported by Windows: Xbox, Team, Holographic and Desktop. This won't be a problem for some apps, but if you are targeting the Desktop only, you should set the device family to Desktop. To do this, change AppManifest.xml as follows:

Change:

<TargetDeviceFamily Name="Windows.Universal" ... " />

To:

<TargetDeviceFamily Name="Windows.Desktop" ... " />