This UWP app was designed to showcase how Fluent Design, Windows Timeline and Adaptive Cards work together on the Windows Developer Day 2018.
View the full WDD Keynote here
You will need Visual Studio 2017 and Windows 10 Insider Build along with the SDK version 17110 or greater.
MainPage.xaml is the top-level page that contains the background image, a NavigationView and a NotificationDialog control on the bottom right corner of the page.
- The
NavigationViewcontains the main menu and aContentFramethat basically hosts all other pages such asHomePage,CasesPageandCasePage.HomePagecontains the TelerikRadCartesianChartcontrol and a few other dummy UI elements.CasesPagecontains an extendedAdaptiveGridViewcontrol that displays a list of cases. A newRefreshContainercontrol is used to wrap theAdaptiveGridViewfor enabling the pull-to-refresh gesture.CasePageis the detail page of one particular case. This is where we create user activities and push the adatpive card (timeline.json) to Windows Timeline.
NotificationDialogcontains a BingMapControl, aListViewthat shows a list of adjusters, and some adaptive card UI that's generated frombot1.json,bot2.jsonandbot3.json. The use ofAcrylicBrushis in this control too.
For demo purpose, you can enable the adjuster view by clicking/tapping on the avatar from the bottom left of the main page.
P.S. Bahnschrift is the font that's used throughout the project. :)