-
Notifications
You must be signed in to change notification settings - Fork 0
A mobile app that lets users find hospital ratings for hospitals in the U.S.
License
blokpardi/hospital-experiences
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
<html xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ddue="http://ddue.schemas.microsoft.com/authoring/2003/5" xmlns:msxsl="urn:schemas-microsoft-com:xslt"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8" /> <META NAME="save" CONTENT="history" /> <title>HybridWebAppWP8</title> <style type="text/css"> body { color: #000000; font-family: Verdana; font-size: medium; font-style: normal; font-weight: normal; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 100%; } dl { margin-top: 15; margin-bottom:5; padding-left: 1; } dl.authored dt { font-style: bold; margin-top: 2; } dd { margin-left: 20px; } ul { margin-top:0; margin-bottom:0; margin-left: 17; list-style-type: disc; } ul.nobullet { display: block; list-style: none; } ul ul { margin-bottom: 4; margin-left: 17; margin-top: 3; list-style-type: disc; } ol { margin-top:0; margin-bottom:0; margin-left: 28; list-style-type: decimal; } ol ol { margin-bottom: 4; margin-left: 28; margin-top: 3; list-style-type: lower-alpha; } li { margin-top: 5; margin-bottom: 5; } p { margin-top: 10; margin-bottom: 5; } a:link { color: #0000FF; } a:visited { color: #DD7C3B; } a:hover { color: #3366FF; } code { font-family: Monospace, Courier New, Courier; font-size: 105%; color: #000066; } span.parameter { font-style: italic; } span.italic { font-style: italic; } span.selflink { font-weight: bold; } span.nolink { font-weight: bold; } div.breadCrumbs { font-size: 8pt; margin-bottom: 5; border-bottom-color: #C8CDDE; border-bottom-style: solid; border-bottom-width: 1; padding-bottom: 5; } div#mainSection { font-size: 62.5%; width: 100%; } html>body #mainSection { font-size:73%; width: 100%; } div#mainBody { font-size: 100%; margin-left: 15; margin-top: 10; } html>body #mainBody { font-size: 93%; margin-left: 15; margin-top: 10; padding-bottom: 20; } div#mainBody p, div#mainBody ol, div#mainBody ul, div#mainBody dl { padding-right: 5; } div#header { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; width: 100%; } div#header table { width: 100%; } div#header table td { color: #0000FF; font-size: 70%; margin-top: 0; margin-bottom: 0; padding-right: 20; } div#header table tr#headerTableRow2 td { padding-left: 13px; } div#header table tr#headerTableRow3 td { padding-top: 2px; padding-left: 15; } div#header table#bottomTable { border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1; text-align: left; padding-left: 15; padding-top: 5px; padding-bottom: 5px; } div#mainSection table td.imageCell { white-space: nowrap; } div#mainBody div.alert, div#mainBody div.code, div#mainBody div.tableSection { width:98.9%; } div#mainBody div.section div.alert, div#mainBody div.section div.code, div#mainBody div.section div.tableSection { width:100%; } div#mainBody div.section ul div.alert, div#mainBody div.section ul div.code, div#mainBody div.section ul div.tableSection, div#mainBody div.section ol div.alert, div#mainBody div.section ol div.code, div#mainBody div.section ol div.tableSection { width:100%; } div.alert p, div.code p { margin-top:5; margin-bottom:8; } dd p { margin-top:2; margin-bottom:8; } div.tableSection p { margin-top:1; margin-bottom:4; } li p { margin-top:2; margin-bottom:2; } div.seeAlsoNoToggleSection dl { margin-top:8; margin-bottom:1; padding-left:1; } div.seeAlsoNoToggleSection dd p { margin-top:2; margin-bottom:8; } div.section dl { margin-top:8; margin-bottom:1; padding-left:1; } div.section dd p { margin-top:2; margin-bottom:8; } div.code table { border: 0; font-size: 95%; margin-bottom: 5; margin-top:-.4em; width: 100% } div.code table th { background: #EFEFF7; border-bottom-color: #C8CDDE; border-bottom-style: solid; border-bottom-width: 1; color: #000066; font-weight: bold; padding-left: 5; padding-right: 5; } div.code table td { background: #F7F7FF; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1; padding-left: 5; padding-right: 5; padding-top: 5; } span#runningHeaderText { color: #8C8C8C; font-size: 90%; padding-left: 13; } span#nsrTitle { color: #000000; font-size: 160%; font-weight: 400; font-family: arial; } div#footer { font-size: 80%; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 8; padding-bottom: 6; padding-left: 1; padding-right: 1; width: 100%; } html>body div#footer { font-size: 80%; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 2; padding-bottom: 6; padding-left: 1; padding-right: 1; width: 98%; } div.seeAlsoNoToggleSection { margin-left:0; padding-top: 2; padding-bottom: 2; padding-left: 0; padding-right: 15; width: 100%; } div.section { margin-left:0; padding-top: 0; padding-bottom: 0; padding-left: 16; padding-right: 15; width: 100%; } html>body div.section { margin-left:0; padding-top: 2; padding-bottom: 2; padding-left: 16; padding-right: 15; width: 97%; } div.seeSection { margin-left:0; padding-top: 0; padding-bottom: 2; padding-left: 16; padding-right: 15; width: 100%; } .heading { font-weight: bold; margin-top: 18; margin-bottom: 8; } h1.heading { color: #000000; font-size: 130%; } .subHeading { font-weight: bold; margin-bottom: 4; } .procedureSubHeading { font-weight: bold; margin-bottom: 4; } h3.subHeading { color: #000000; font-size: 120%; font-weight:800; } h3.procedureSubHeading { color: #000000; font-size: 120%; } h4.subHeading { color: #000000; font-size: 110%; font-weight:800; } span.labelheading, div.labelheading { font-size:100%; color:#003399; } img.note { border: 0; margin-right: 3; } div#mainSection table { border: 0; font-size: 100%; width: 98.9%; margin-top: 5px; margin-bottom: 5px; } div#mainSection table tr { vertical-align: top; } div#mainSection table th { background-color: #EFEFF7; border-bottom: 1px solid #C8CDDE; border-left: 1px none #D5D5D3; color: #000066; padding-left: 5px; padding-right: 5px; text-align: left; } div#mainSection table td { background-color: #F7F7FF; border-bottom: 1px solid #D5D5D3; border-left: 1px none #D5D5D3; padding-left: 5px; padding-right: 5px; } div#mainSection table td.imageCell { white-space: nowrap; } div.code table { border: 0; font-size: 95%; margin-bottom: 5; width: 100% } div.code table th { background: #EFEFF7; border-bottom-color: #C8CDDE; border-bottom-style: solid; border-bottom-width: 1; color: #000066; font-weight: bold; padding-left: 5; padding-right: 5; } div.code table td { background: #F7F7FF; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1; padding-left: 5; padding-right: 5; padding-top: 5; } div.alert table { border: 0; font-size: 100%; width: 100%; } div.alert table th { background: #EFEFF7; border-bottom-width: 0; color: #000066; padding-left: 5; padding-right: 5; } div.alert table td { background: #F7F7FF; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 1; padding-left: 5; padding-right: 5; } div.code pre { font-family: Monospace, Courier New, Courier; font-size: 105%; color: #000066; word-wrap: break-word; background: #F7F7FF; } .tip { color: #0000FF; font-style: italic; cursor: pointer; text-decoration:underline; } .math { font-family: Times New Roman; font-size: 125% } div.footerLine { margin: 0; width: 100%; padding-top: 8; padding-bottom: 6; /*padding-left: 5; padding-right: 2;*/ } div.hr1 { margin: 0; width: 100%; height: 1px; padding: 0; background: #C8CDDE; font-size: 1px; } div.hr2 { margin: 0; width: 100%; height: 1px; padding: 0; background: #D4DFFF; font-size: 1px; } div.hr3 { margin: 0; width: 100%; height: 1px; padding: 0; background: #EEEEFF; font-size: 1px; } span.cs { display: none; } span.vb { display: none; } span.cpp { display: none; } span.nu { display: inline; } span.fs { display: none; } span.code { font-family: Monospace, Courier New, Courier; font-size: 105%; color: #000066; } span.ui { font-weight: bold; } span.math { font-style: italic; } span.input { font-weight: bold; } span.term { font-style: italic; } span.label { font-weight: bold; } span.foreignPhrase { font-style: italic; } span.placeholder { font-style: italic; } span.keyword { font-weight: bold; } span.typeparameter { font-style:italic; } div.caption { font-weight: bold; font-size:100%; color:#003399; } div.code span.keyword { color: #871F78; } div.code span.parameter { font-style: italic; } div.code span.literal { color:#8B0000; } div.code span.comment { color: #006400; } span.syntaxLabel { color:#0481DA; font-weight:bold; } span.introStyle { color:DarkGray; } div.seeAlsoStyle { padding-top:5px; } td.nsrBottom { height: 0.6em; width: 100%; } </style> </head> <body> <div id="header"> <table id="bottomTable" cellpadding="0" cellspacing="0"> <tr id="headerTableRow1"> <td align="left"> <span id="runningHeaderText" /> </td> </tr> <tr id="headerTableRow2"> <td align="left"> <span id="nsrTitle">HybridWebAppWP8</span> </td> </tr> <tr id="headerTableRow3"> <td align="left" /> </tr> </table> <table id="gradientTable"> <tr> <td class="nsrBottom" background="../icons/gradient.gif" /> </tr> </table> </div> <div id="mainSection"> <div id="mainBody"> <font color="DarkGray"></font> <p /> <div class="summary"><p>This sample demonstrates how to use the <span class="label">WebBrowser</span> control to create a Windows Phone hybrid web app that takes advantage of your existing mobile website.</p></div><div class="introduction"><p>This sample demonstrates how to quickly get up and running with a Windows Phone app that takes advantage of the effort you’ve already put into creating a great mobile website. This gives you an app presence in the Windows Phone Store with much less effort than developing a full-blown Windows Phone app while adding some features to your app that give it advantages over websites. </p><p>The sample app demonstrates how to:</p><ul><li><p>Customize a Windows Phone app to showcase your mobile website.</p></li><li><p>Enable fast app resume to return the user to where they left off.</p></li><li><p>Handle the hardware back button for website navigation.</p></li><li><p>Pin specific webpages to the Windows Phone start screen with custom Tiles.</p></li><li><p>Share links to webpages on the user’s social media accounts.</p></li></ul><p>Key APIs used in this sample:</p><ul><li><p><span class="label">WebBrowser</span></p></li><li><p><span class="label">BackKeyPress</span></p></li><li><p><span class="label">PhoneApplicationService</span></p></li><li><p><span class="label">ShellTile</span></p></li><li><p><span class="label">ShareLinkTask</span></p></li><li><p><span class="label">OnNavigatedTo</span></p></li><li><p><span class="label">OnNavigatedFrom</span></p></li></ul><h3 class="procedureSubHeading">Build the sample</h3><div class="subSection"><ol><li><p>Start Visual Studio Express 2012 for Windows Phone and select <span class="ui">File</span> ><span class="ui">Open</span> > <span class="ui">Project/Solution</span>.</p></li><li><p>Go to the directory in which you unzipped the sample. Double-click the Visual Studio Express 2012 for Windows Phone Solution (<span class="label">.sln</span>) file.</p></li><li><p>Use <span class="ui">Build</span> > <span class="ui">Rebuild Solution</span> to build the sample</p></li></ol></div><h3 class="procedureSubHeading">Run the sample</h3><div class="subSection"><ol><li><p>To debug the app and then run it, press F5 or use <span class="ui">Debug</span> > <span class="ui">Start Debugging</span>. To run the app without debugging, press Ctrl+F5 or use <span class="ui">Debug</span> > <span class="ui">Start Without Debugging</span>.</p></li><li><p>When the app launches, you see the Microsoft Store mobile website hosted in a browser control.</p></li><li><p>The <span class="label">AppBar</span> at the bottom of the screen contains buttons that implement <span class="ui">home</span>, <span class="ui">refresh</span>, <span class="ui">pin to start</span>, and <span class="ui">share</span> functionality.</p></li><li><p>The <span class="ui">pin to start</span> button allows the user to pin the current page to Start, if it isn’t already pinned.</p></li><li><p>The <span class="ui">share</span> button allows the user to share a link to the current page on the social media services they have enabled on their phone.</p></li><li><p>The <span class="ui">shopping cart</span> menu item takes the user directly to their shopping cart, where they can complete the purchase process.</p></li></ol></div></div></div> <div id="footer"> <div class="footerLine" /> </div> <p /> </div> </body> </html>
About
A mobile app that lets users find hospital ratings for hospitals in the U.S.
Resources
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published