Apr 07, 2010, 8:09 AM
[CLOSED] [1.0] IE6 - TimeField does not appear
Hello,
it was a bit difficult to make a simple example, but I hope I did it:
This works fine in FF and IE8, but in IE6 one of the TimeFields is not shown.
Regards,
Martin
it was a bit difficult to make a simple example, but I hope I did it:
<%@ Page Language="C#" Culture="en-US" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>TimeField Control Variations - Ext.NET Examples</title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
timeFieldEnd.Note = "Dauer: 1 Stunde";
}
}
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="coolitePanel" runat="server">
<Content>
<ext:FormPanel ID="FormPanelSessionParameters" runat="server" Header="false" Layout="Form"
LabelWidth="100" AnchorHorizontal="0.99" AutoScroll="true" MonitorResize="true"
MinWidth="425">
<TopBar>
<ext:Toolbar ID="ToolbarSessionParameters" runat="server">
<Items>
<ext:ToolbarFill />
<ext:Button ID="ButtonHelp" Icon="Help" Text="Hilfe" runat="server" />
</Items>
</ext:Toolbar>
</TopBar>
<Content>
<ext:FieldSet ID="FieldSetDates" runat="server" Layout="Row" Title="Termin" AutoWidth="true"
AutoHeight="true">
<Content>
<ext:Panel ID="PanelTopic" runat="server" Height="40" Layout="Form" Border="false"
LabelWidth="80">
<Content>
<ext:TextField ID="TextFieldTopic" AllowBlank="false" runat="server" FieldLabel="Thema"
Width="300" EnableKeyEvents="true">
<Listeners>
<KeyPress Handler="#{FormPanelSessionParameters}.startMonitoring();" />
</Listeners>
</ext:TextField>
</Content>
</ext:Panel>
<ext:Panel ID="PanelDateSettings" runat="server" AutoWidth="true" Height="40" Border="false"
Layout="Column">
<Content>
<ext:Panel ID="PanelBookingDate" runat="server" Height="40" BodyStyle="padding-right: 10px;"
Layout="Form" Border="false" LabelWidth="80" Width="200">
<Content>
<ext:DateField ID="dateFieldBookingDate" runat="server" FieldLabel="Datum" Width="90">
</ext:DateField>
</Content>
</ext:Panel>
<ext:Panel ID="PanelButtonRepeatDate" runat="server" Border="false">
<Content>
<ext:Button LabelWidth="30" ID="ButtonRepeatDate" runat="server" Height="20" Text="Wiederholen"
Icon="ArrowRedo" Disabled="true" />
</Content>
</ext:Panel>
</Content>
</ext:Panel>
<ext:Panel ID="PanelTimeSettings" runat="server" Height="40" AutoWidth="true" Border="false"
Layout="Column">
<Content>
<ext:Panel ID="PanelBookingDateStart" runat="server" BodyStyle="padding-right: 10px;"
Height="40" Layout="Form" Border="false" LabelWidth="80">
<Content>
<ext:TimeField ID="timeFieldStart" runat="server" MaxTime="23:00" MinTime="06:00"
FieldLabel="Start" Width="90">
</ext:TimeField>
</Content>
</ext:Panel>
<ext:Panel ID="PanelBookingDateEnd" BodyStyle="padding-right: 10px;" runat="server"
Height="40" Layout="Form" Border="false" LabelWidth="80">
<Content>
<ext:TimeField ID="timeFieldEnd" runat="server" MaxTime="23:00" MinTime="06:00" NoteAlign="Down"
Note=" " FieldLabel="Ende" Width="90">
</ext:TimeField>
</Content>
</ext:Panel>
</Content>
</ext:Panel>
</Content>
</ext:FieldSet>
</Content>
<BottomBar>
<ext:Toolbar runat="server" ID="bottomBarPanelSessionParameters" Height="30">
<Items>
<ext:Label ID="labelOutput" Text=" " runat="server" />
<ext:ToolbarFill />
<ext:Button ID="ButtonBook" Text="Buchen" Icon="TableGo" Disabled="true" runat="server">
</ext:Button>
</Items>
</ext:Toolbar>
</BottomBar>
<Listeners>
<ClientValidation Handler="#{ButtonBook}.setDisabled(!#{FormPanelSessionParameters}.getForm().isValid());" />
</Listeners>
</ext:FormPanel>
</Content>
</ext:Viewport>
</body>
</html>
This works fine in FF and IE8, but in IE6 one of the TimeFields is not shown.
Regards,
Martin