Dec 31, 2012, 6:15 PM
[CLOSED] bottom section of page loads into the top section
Hi,
I have two sections on my page - top and bottom. I do not know why the bottom section loads first and loads into the top section. The second problem is that once the top section loads, the bottom section then gets pushed back to the bottom. Can you please let me know how to make the top section load first and the bottom section loads only in the bottom?
Thanks in advance for your help.
Below is my code in the aspx page:
I have two sections on my page - top and bottom. I do not know why the bottom section loads first and loads into the top section. The second problem is that once the top section loads, the bottom section then gets pushed back to the bottom. Can you please let me know how to make the top section load first and the bottom section loads only in the bottom?
Thanks in advance for your help.
Below is my code in the aspx page:
<%@ Page Language="C#" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Linq" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register src="~/UserControls/TestUserControl.ascx" tagname="TestUserControl" tagprefix="uc1" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Bottom Section moved too far up when loading</title>
</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<div>
<ext:Viewport ID="Viewport1" runat="server" StyleSpec="background-color: #F2F2F2;">
<Items>
<ext:Panel ID="Panel3" runat="server" Flex="1" Region="Center" Width="1000"
Margin="2" Height="280">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Label ID="Label1" runat="server" Html="Door Summary" StyleSpec="margin-left: 5px; font: 12px tahoma,arial,helvetica,sans-serif; font-weight: bold;" />
<ext:Button runat="server" ID="btnRefresh" Icon="ArrowRefresh" ToolTip="Refresh"
Text="Refresh" StyleSpec="margin-left: 20px; background-color:white;">
<Listeners>
<Click Handler="location.reload(true);" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
<uc1:TestUserControl ID="TestUserControl1" runat="server" />
</Content>
</ext:Panel>
</Items>
</ext:Viewport>
</div>
<div style="height: 240px; width: 1000px; overflow: scroll">
<uc1:TestUserControl ID="TestUserControl2" runat="server" />
</div>
</form>
</body>
</html>
Below is my code for TestUserControl:<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestUserControl.ascx.cs"
Inherits="Web.UserControls.TestUserControl" %>
<%@ Import Namespace="Ext.Net" %>
<script runat="server">
[DirectMethod]
public void UpdateTransDate(object value)
{
var UserSelectedDate = (DateTime)value;
}
</script>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<ext:DateField ID="dfTransDate" runat="server" Vtype="daterange" LabelAlign="Left"
EmptyText="Trans Date" LabelWidth="75" FieldLabel="Trans Date" LabelStyle="text-align:center;"
Width="170" Editable="false" StyleSpec="Padding-left:5px; Margin-top:2px; Background-color:transparent;">
<Listeners>
<Select Handler=" #{DirectMethods}.UpdateTransDate(value);" />
</Listeners>
</ext:DateField>
<br />
</ContentTemplate>
</asp:UpdatePanel>
Last edited by Daniil; Jan 08, 2013 at 8:28 AM.
Reason: [CLOSED]