Aug 10, 2015, 2:03 PM
[OPEN] [#858] Rendering problem on Firefox 39.0
Maybe is a bug.
On Firefox 39.0 if I put a Fileuploadfield (only button = yes) inside a Fieldset which is initially collapsed, when the user expand the fieldset the upload button is not rendered.(the upload button does not appear)
On IE9 and google chrome 44.0 works ok.
Using Ext.net 3.2 on 1.x latest svn version also have the same problem.
On Firefox 39.0 if I put a Fileuploadfield (only button = yes) inside a Fieldset which is initially collapsed, when the user expand the fieldset the upload button is not rendered.(the upload button does not appear)
On IE9 and google chrome 44.0 works ok.
Using Ext.net 3.2 on 1.x latest svn version also have the same problem.
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Simple Form</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script>
var showFile = function (fb, v) {
if (v) {
var el = Ext.get('fi-button-msg');
el.update('<b>Selected:</b> ' + v);
if (!el.isVisible()) {
el.slideIn('t', {
duration: .2,
easing: 'easeIn',
callback: function () {
el.highlight();
}
});
} else {
el.highlight();
}
}
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:FormPanel
ID="FormPanel1"
runat="server"
Title="FieldContainers"
Width="650"
BodyPadding="10"
DefaultAnchor="100%">
<Items>
<ext:FileUploadField runat="server" ButtonOnly="true">
<Listeners>
<Change Fn="showFile" />
</Listeners>
</ext:FileUploadField>
<ext:TextField
runat="server"
Name="Email"
FieldLabel="Email Address"
Vtype="email"
MsgTarget="Side"
AllowBlank="false" />
<ext:FieldContainer
runat="server"
MsgTarget="Side"
CombineErrors="true"
FieldLabel="Date Range"
Layout="HBoxLayout">
<Defaults>
<ext:Parameter Name="Flex" Value="1" Mode="Raw" />
<ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
</Defaults>
<Items>
<ext:DateField runat="server" FieldLabel="Start" Name="StartDate" AllowBlank="false" MarginSpec="0 5 0 0" />
<ext:DateField runat="server" FieldLabel="End" Name="EndDate" />
</Items>
</ext:FieldContainer>
<ext:FieldSet
runat="server"
Title="Details"
Collapsible="true"
Collapsed="true"
DefaultAnchor="100%">
<Defaults>
<ext:Parameter Name="labelWidth" Value="89" Mode="Raw" />
</Defaults>
<Items>
<ext:FieldContainer
runat="server"
FieldLabel="Phone"
CombineErrors="true"
MsgTarget="Under"
Layout="HBoxLayout">
<Defaults>
<ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
<ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
</Defaults>
<Items>
<ext:DisplayField runat="server" Text="(" />
<ext:TextField
runat="server"
Name="Phone1"
Width="29"
AllowBlank="false" />
<ext:DisplayField runat="server" Text=")" />
<ext:TextField
runat="server"
Name="Phone2"
Width="29"
AllowBlank="false"
MarginSpec="0 5 0 0" />
<ext:DisplayField runat="server" Text="-" />
<ext:TextField
runat="server"
Name="Phone3"
Width="48"
AllowBlank="false" />
</Items>
</ext:FieldContainer>
<ext:FieldContainer
runat="server"
FieldLabel="Time worked"
Layout="HBoxLayout"
CombineErrors="false">
<Defaults>
<ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
<ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
</Defaults>
<Items>
<ext:NumberField
runat="server"
Name="Hours"
Width="51"
AllowBlank="false" />
<ext:DisplayField runat="server" Text="hours" />
<ext:NumberField
runat="server"
Name="Minutes"
Width="51"
AllowBlank="false" />
<ext:DisplayField runat="server" Text="mins" />
</Items>
</ext:FieldContainer>
<!--this is the button that does not render-->
<ext:FileUploadField runat="server" ButtonOnly="true">
<Listeners>
<Change Fn="showFile" />
</Listeners>
</ext:FileUploadField>
<ext:FieldContainer
runat="server"
CombineErrors="true"
MsgTarget="Side"
FieldLabel="Full Name"
Layout="HBoxLayout">
<Defaults>
<ext:Parameter Name="HideLabel" Value="true" Mode="Raw" />
<ext:Parameter Name="margin" Value="0 5 0 0" Mode="Value" />
</Defaults>
<Items>
<ext:ComboBox
runat="server"
Width="65"
Editable="false"
Name="Title">
<Items>
<ext:ListItem Text="Mr" Value="mr" />
<ext:ListItem Text="Mrs" Value="mrs" />
<ext:ListItem Text="Miss" Value="miss" />
</Items>
<SelectedItems>
<ext:ListItem Value="mr" />
</SelectedItems>
</ext:ComboBox>
<ext:TextField
runat="server"
Flex="1"
Name="FirstName"
AllowBlank="false" />
<ext:TextField
runat="server"
Flex="1"
Name="LastName"
AllowBlank="false" />
</Items>
</ext:FieldContainer>
</Items>
</ext:FieldSet>
</Items>
</ext:FormPanel>
</body>
</html>
Last edited by Daniil; Aug 11, 2015 at 4:51 PM.
Reason: [OPEN] [#858]