Mini Kabibi Habibi
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Mobile_Default" %>
<%@ Register TagPrefix="uc" TagName="Overview" Src="~/Mobile/Pages/Overview.ascx" %>
<%@ Register TagPrefix="uc" TagName="Transactions" Src="~/Mobile/Pages/Transactions.ascx" %>
<%@ Register TagPrefix="uc" TagName="Budget" Src="~/Mobile/Pages/Budget.ascx" %>
<%@ Register Src="~/UserControls/ReadOnlyNotification.ascx" TagName="ReadOnlyNotification" TagPrefix="uc" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta id="IECompatibilityMeta" http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="robots" content="noindex, nofollow" />
<title>Money Monkey</title>
<link type="text/css" rel="stylesheet" href="../Styles/Styles.css" />
<script src="Scripts/Script.js" type="text/javascript" ></script>
<script src="../Scripts/Script.js" type="text/javascript" ></script>
</head>
<body class="mobile">
<form id="form1" runat="server">
<div class="container">
<header>
<div class="headercontent">
<div class="devx-logo left">
<dx:ASPxImage ID="ASPxImage1" runat="server" ImageUrl="../images/moneymonkey_small.png" AlternateText="DevExpress" Cursor="pointer">
<ClientSideEvents Click="function(){ pageControl.SetActiveTabIndex(0); }" />
</dx:ASPxImage>
</div>
<div id="welcome" class="welcome left">Welcome, Thomas Jefferson</div>
<div id="Updatetime" class="right updatetime">
Last updated
<span class="emphasis" id="DateContainer" runat="server"></span> at <span class="emphasis" id="TimeContainer" runat="server"></span>
</div>
</div>
</header>
</div>
<dx:ASPxCallbackPanel ID="MainCallbackPanel" runat="server" ClientInstanceName="MainCallbackPanel" OnCallback="MainCallbackPanel_Callback">
<PanelCollection>
<dx:PanelContent>
<dx:ASPxPageControl ID="TabBar" runat="server" ClientInstanceName="TabBar" SkinID="TabBar" EnableCallBacks="true" >
<TabPages>
<dx:TabPage Name="Overview">
<ActiveTabImage Url="Images/Overview-Active.png" Height="42px" Width="79px">
</ActiveTabImage>
<TabImage Url="Images/Overview.png" Height="42px" Width="79px">
</TabImage>
<ContentCollection>
<dx:ContentControl>
<dx:ASPxPanel runat="server" ClientIDMode="Static" ID="Page0" CssClass="hidden">
<PanelCollection>
<dx:PanelContent>
<uc:Overview ID="Overview" runat="server" ClientIDMode="AutoID"/>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxPanel>
</dx:ContentControl>
</ContentCollection>
</dx:TabPage>
<dx:TabPage Name="Budget" >
<ActiveTabImage Url="Images/Budget-Active.png" Height="42px" Width="79px">
</ActiveTabImage>
<TabImage Url="Images/Budget.png" Height="42px" Width="79px">
</TabImage>
<ContentCollection>
<dx:ContentControl>
<dx:ASPxPanel runat="server" ClientIDMode="Static" ID="Page1" CssClass="hidden">
<PanelCollection>
<dx:PanelContent>
<uc:Budget ID="Budget" runat="server" ClientIDMode="AutoID"/>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxPanel>
</dx:ContentControl>
</ContentCollection>
</dx:TabPage>
<dx:TabPage Name="Transactions" >
<ActiveTabImage Url="Images/Transactions-Active.png" Height="42px" Width="79px">
</ActiveTabImage>
<TabImage Url="Images/Transactions.png" Height="42px" Width="79px">
</TabImage>
<ContentCollection>
<dx:ContentControl>
<dx:ASPxPanel runat="server" ClientIDMode="Static" ID="Page2" CssClass="hidden">
<PanelCollection>
<dx:PanelContent>
<uc:Transactions ID="Transactions" runat="server" ClientIDMode="AutoID"/>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxPanel>
</dx:ContentControl>
</ContentCollection>
</dx:TabPage>
</TabPages>
<ClientSideEvents ActiveTabChanged="function(s, e) { window.app.mobile.onActiveTabChanged(s, e); }" />
</dx:ASPxPageControl>
</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
<dx:ASPxGlobalEvents ID="ASPxGlobalEvents1" runat="server">
<ClientSideEvents ControlsInitialized="function(){ app.mobile.onInit(); }" />
</dx:ASPxGlobalEvents>
<dx:ASPxPopupControl ID="pcDemoInfo" runat="server" CloseAction="CloseButton" Modal="True" PopupElementId="Updatetime"
PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter" ClientInstanceName="pcDemoInfo" ShowPageScrollbarWhenModal="true"
HeaderText="DevExpress ASP.NET Mutli-Channel Financial Demo" AllowDragging="True" EnableAnimation="False" EnableViewState="False" Width="510px">
<ContentCollection>
<dx:PopupControlContentControl ID="PopupControlContentControl1" runat="server">
<div class="aboutDialog">
This stunning application is demonstration of DevExpress ASP.NET controls. The DevExpress ASP.NET controls provide you power and flexibility. You can target multiple channels using ASP.NET and DevExpress.
<br /><br />
To learn more, watch the webinar video <a href="http://youtu.be/3kd8G6M5SCI?hd=1&t=23m40s">"Build Stunning Apps for iOS with ASP.NET"</a>.
<br /><br />
Get the full source code of this demo with the free trial download of all DevExpress ASP.NET products. Please visit <a href="http://devexpress.com">http://devexpress.com</a>
</div>
</dx:PopupControlContentControl>
</ContentCollection>
<ContentStyle>
<Paddings PaddingBottom="20px" />
</ContentStyle>
</dx:ASPxPopupControl>
<uc:ReadOnlyNotification runat="server" ID="ReadOnlyNotification" />
</form>
</body>
</html>