diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index 59a20fcbd..2d041153b 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -543,6 +543,7 @@
     <Content Include="apps\gallery-app\layouts\dock-layout.xml" />
     <Content Include="apps\template-master-detail\details-view.xml" />
     <Content Include="apps\template-master-detail\main-page.minWH600.xml" />
+    <Content Include="apps\TelerikNEXT\images\background.jpg" />
     <Content Include="apps\template-settings\app.css" />
     <Content Include="apps\tests\app\binding_tests.xml" />
     <Content Include="apps\tests\ui\label\label-tests-wrong.css" />
@@ -1517,7 +1518,7 @@
           <SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
         </WebProjectProperties>
       </FlavorProperties>
-      <UserProperties ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" />
+      <UserProperties ui_2layouts_2wrap-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2grid-layout_2package_1json__JSONSchema="" ui_2layouts_2dock-layout_2package_1json__JSONSchema="" ui_2layouts_2absolute-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2layouts_2linear-layout_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2web-view_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2content-view_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2gallery-app_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2absolute-layout-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" apps_2editable-text-demo_2package_1json__JSONSchema="http://json.schemastore.org/package" ui_2scroll-view_2package_1json__JSONSchema="http://json.schemastore.org/package" />
     </VisualStudio>
   </ProjectExtensions>
 </Project>
\ No newline at end of file
diff --git a/apps/TelerikNEXT/images/background.jpg b/apps/TelerikNEXT/images/background.jpg
new file mode 100644
index 000000000..3c8134b00
Binary files /dev/null and b/apps/TelerikNEXT/images/background.jpg differ
diff --git a/apps/TelerikNEXT/main-page.xml b/apps/TelerikNEXT/main-page.xml
index 609b2f9cf..2f3ffce60 100644
--- a/apps/TelerikNEXT/main-page.xml
+++ b/apps/TelerikNEXT/main-page.xml
@@ -23,29 +23,31 @@
     </tsb:SideBar.slideContent>
 
     <tsb:SideBar.mainContent>
-      <GridLayout rows="auto, auto, auto, *">
+      <GridLayout rows="auto, auto, *">
 
-        <SegmentedBar selectedIndex="{{ selectedIndex }}"  style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950">
-          <SegmentedBar.items>
-            <SegmentedBarItem title="MAY 3" />
-            <SegmentedBarItem title="MAY 4" />
-            <SegmentedBarItem title="MAY 5" />
-          </SegmentedBar.items>
-        </SegmentedBar>
+        <StackLayout style="background-image: url('~/app/images/background.jpg')">
+          <SegmentedBar selectedIndex="{{ selectedIndex }}"  style="background-color: transparent;color: white;" selectedBackgroundColor="#fac950">
+            <SegmentedBar.items>
+              <SegmentedBarItem title="MAY 3" />
+              <SegmentedBarItem title="MAY 4" />
+              <SegmentedBarItem title="MAY 5" />
+            </SegmentedBar.items>
+          </SegmentedBar>
 
-        <Label row="1" style="horizontal-align: center;margin: 15;">
-          <Label.formattedText>
-            <FormattedString fontSize="18" foregroundColor="#fac950">
-              <FormattedString.spans>
-                <Span text="WORKSHOPS" fontAttributes="Bold" />
-              </FormattedString.spans>
-            </FormattedString>
-          </Label.formattedText>
-        </Label>
+          <Label style="horizontal-align: center;margin: 15;">
+            <Label.formattedText>
+              <FormattedString fontSize="18" foregroundColor="#fac950">
+                <FormattedString.spans>
+                  <Span text="WORKSHOPS" fontAttributes="Bold" />
+                </FormattedString.spans>
+              </FormattedString>
+            </Label.formattedText>
+          </Label>
+        </StackLayout>
 
-        <SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="2" />
+        <SearchBar text="{{ search }}" hint="Search" style="background-color: #fac950; color: #fac950;" textFieldBackgroundColor="white" row="1" />
 
-        <ListView items="{{ sessions }}" row="3" separatorColor="#fac950">
+        <ListView items="{{ sessions }}" row="2" separatorColor="#fac950">
           <ListView.itemTemplate>
             <GridLayout columns="auto, *">