PDA

View Full Version : [CLOSED] FireFox 13.0 and ext:TextField icon: icon untidy.



supera
Jun 15, 2012, 12:09 PM
I'm having a little problem with textfield icon in Firefox 13. The icon appears untidy in some windows... Only in firefox and only in the ext:window (I tested in Opera, Chrome, IE 9 and Safari too).

The icon are untidy when the ext:window is RESIZED!!! (My sourcecode change de size of window when window is rendered).

I made a simple project.

The icon of textbox is rendered ok... but if you resize the ext:window, you can see that icons are untidy (In firefox 13 only).



<%@ Page Language="vb" %>
<%@ 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">

<style type="text/css">
.my-fieldset {
padding-top: 0px !important;
padding-bottom:0px !important;
padding-right: 0px !important;
padding-left: 5px !important;
}

.my-user {
background-image: url(/add-user-16x16.png);
}

label.x-form-item-label {line-height: 5px;}

</style>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="form1" runat="server">
<div>
<ext:Window runat="server" AutoShow="true" Height="350" Width="550">
<Items>
<ext:Panel ID="Panel1" runat="server" X="10" Y="10" Height="300" Width="500" Layout="AbsoluteLayout">
<Items>
<ext:FieldSet ID="FieldSet1" runat="server" Layout="AbsoluteLayout" Cls="my-fieldset" Height="140" Width="300" X="10" y="10" Title="Fieldset" >
<Defaults>
<ext:Parameter Name="LabelAlign" Value="top" Mode="Value" />
</Defaults>
<Items>
<ext:TextField ID="TextField1" runat="server" X="0" Y="5" Width="100" FieldLabel="Customer" icon="User" />
<ext:TextField ID="TextField2" runat="server" X="0" Y="45" Width="100" FieldLabel="Customer" IconCls="my-user" />
</Items>
</ext:FieldSet>
<ext:Panel ID="Panel2" runat="server" Layout="AbsoluteLayout" Height="100" Width="300" X="10" Y="150">
<Items>
<ext:TextField ID="TextField3" runat="server" X="0" Y="5" Width="100" LabelAlign="Top" FieldLabel="Customer" icon="User" />
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Window>

</div>
</form>
</body>
</html>


Icon add-user-16x16.png, used in style css.
4369

Daniil
Jun 15, 2012, 2:03 PM
Hi,

Confirm, it appears to be reproducible with FireFox only. It looks to be a FireFox issue.

I would wait the next FireFox update. It might be fixed.

If not, we will look into this.

Is it acceptable for you?

supera
Jun 15, 2012, 2:34 PM
If the problem is reportedly the browser, I see no problem in waiting;

But it would be better to confirm with extjs?

Vladimir
Jun 15, 2012, 4:30 PM
The problem that FF is not allow to set 'position:relative' for td element
We will fix the issue soon (in 1-2 days)

Vladimir
Jun 15, 2012, 9:44 PM
Fixed in SVN
Please update and retest

supera
Jun 18, 2012, 12:07 PM
Hi Vladimir!

After update, in triggerFields, in ALL brownsers, icon appears below of triggerField!

4374

Follow the sample project:



<%@ Page Language="vb" %>
<%@ 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">

<style type="text/css">
.my-fieldset {
padding-top: 0px !important;
padding-bottom:0px !important;
padding-right: 0px !important;
padding-left: 5px !important;
}

.my-user {
background-image: url(/add-user-16x16.png);
}

label.x-form-item-label {line-height: 5px;}

</style>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="form1" runat="server">
<div>
<ext:Window runat="server" AutoShow="true" Height="400" Width="550">
<Items>
<ext:Panel ID="Panel1" runat="server" X="10" Y="10" Height="470" Width="500" Layout="AbsoluteLayout">
<Items>
<ext:FieldSet ID="FieldSet1" runat="server" Layout="AbsoluteLayout" Cls="my-fieldset" Height="200" Width="300" X="10" y="10" Title="Fieldset" >
<Defaults>
<ext:Parameter Name="LabelAlign" Value="top" Mode="Value" />
</Defaults>
<Items>
<ext:TextField ID="TextField1" runat="server" X="0" Y="5" Width="100" FieldLabel="Customer" icon="User" />
<ext:TextField ID="TextField2" runat="server" X="0" Y="45" Width="100" FieldLabel="Customer" IconCls="my-user" />
<ext:TriggerField ID="tF1" runat="server" X="0" Y="90" Width="100" FieldLabel="TriggerField 1" IconCls="my-user" >
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
</ext:TriggerField>
</Items>
</ext:FieldSet>
<ext:Panel ID="Panel2" runat="server" Layout="AbsoluteLayout" Height="100" Width="300" X="10" Y="210">
<Defaults>
<ext:Parameter Name="LabelAlign" Value="top" Mode="Value" />
</Defaults>
<Items>
<ext:TextField ID="TextField3" runat="server" X="0" Y="5" Width="100" FieldLabel="Customer" icon="User" />
<ext:TriggerField ID="tF2" runat="server" X="0" Y="45" Width="100" FieldLabel="TriggerField 2" IconCls="my-user" >
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
</ext:TriggerField>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Window>

</div>
</form>
</body>
</html>

supera
Jun 18, 2012, 12:29 PM
Hi!

Same behavior to combobox with icon!!!

Thanks

Daniil
Jun 18, 2012, 1:04 PM
Confirm, thanks for the report. We will investigate.

Daniil
Jun 18, 2012, 4:26 PM
Fixed in SVN, please update.

Thanks again for the report.

supera
Jun 18, 2012, 5:21 PM
Hi Daniil

Works very fine...

Thanks a lot...