[CLOSED] TextField reduces its width when losing focus

**ebeker** · Dec 30, 2014, 2:44 PM

I had the same problem i had my text fields in a field container and i was using the column layout . I changed column layout to Hbox layout and bingo . It s not expanding anymore.

**RCN** · Dec 30, 2014, 2:55 PM

Yes i use skype. Unfortunately i didn't receive you email. What's your timezone?

**bbros** · Dec 30, 2014, 3:01 PM

+1 Rome
my skype account is ale.bbros

**RCN** · Dec 30, 2014, 3:20 PM

Rome, wonderful city :)

Could it happen tomorrow, in the evening (Rome time)?

**bbros** · Dec 30, 2014, 3:45 PM

Ok for tomorrow, I always have skype on, I'll let you know if I can turn computer on or I am preparing the new year party :)
Rome was only for time zone ;) I'm from Ferrara (also nice town).

**RaphaelSaldanha** · Dec 31, 2014, 4:58 PM

I was able to reproduce the issue described by Alessandro.

Initial state

Click image for larger version.

Name: mt001.jpg
Views: 6
Size: 3.8 KB
ID: 18081

After Field 1 lost focus

Click image for larger version.

Name: mt002.jpg
Views: 9
Size: 4.9 KB
ID: 18082

<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel ID="_frm" Title="Form" DefaultAnchor="100%" Width="400" Height="150" runat="server">
            <FieldDefaults MsgTarget="Side" />
            <Items>
                <ext:TextField FieldLabel="Field 1" runat="server" />
            </Items>
        </ext:FormPanel>
    </form>
</body>
</html>

But when Field 1's AllowBlank is set to false, everything works as expected.

Click image for larger version.

Name: mt003.jpg
Views: 6
Size: 5.3 KB
ID: 18091

<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel ID="_frm" Title="Form" DefaultAnchor="100%" Width="400" Height="150" runat="server">
            <FieldDefaults MsgTarget="Side" />
            <Items>
                <ext:TextField FieldLabel="Field 1" AllowBlank="false" runat="server" />
            </Items>
        </ext:FormPanel>
    </form>
</body>
</html>

I am gonna investigate it and keep you posted.

**RaphaelSaldanha** · Dec 31, 2014, 5:05 PM

Alessando asked on post #15 whether ResourceManager's ScriptMode could be related to the issue and i confirm that it is related.

When ResourceManager's ScriptMode is set to Debug, everything works as expected.

<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" ScriptMode="Debug" />
        <ext:FormPanel ID="_frm" Title="Form" Layout="AnchorLayout" DefaultAnchor="100%" Width="400" Height="150" runat="server">
            <FieldDefaults MsgTarget="Side" />
            <Items>
                <ext:TextField FieldLabel="Field 1" runat="server" />
            </Items>
        </ext:FormPanel>
    </form>
</body>
</html>

**RaphaelSaldanha** · Jan 01, 2015, 3:27 AM

On debug mode, when form is validated, error wrap element's style is set to display: none

Click image for larger version.

Name: mt001.png
Views: 6
Size: 31.1 KB
ID: 18101

But on release mode it's set to visibility: hidden

Click image for larger version.

Name: mt002.png
Views: 7
Size: 30.3 KB
ID: 18111

<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" ScriptMode="Debug" Theme="Gray" />
        <ext:FormPanel ID="_frm" Title="Form" Layout="AnchorLayout" DefaultAnchor="100%" Width="400" Height="150" runat="server">
            <FieldDefaults MsgTarget="Side" />
            <Items>
                <ext:TextField FieldLabel="Field 1" runat="server" />
            </Items>
            <Buttons>

                <ext:Button Text="Validate Form" runat="server">
                    <Listeners>
                        <Click Handler="App._frm.isValid();" />
                    </Listeners>
                </ext:Button>
            </Buttons>
        </ext:FormPanel>
    </form>
</body>
</html>

**RaphaelSaldanha** · Jan 01, 2015, 4:10 AM

During Field's getLabelableRenderData, errorWrapStyle is set as shown below:

errorWrapStyle: (sideError && !autoFitErrors) ? 'visibility:hidden' : 'display:none'

So, on release mode, were sideError and / or autFitErrors assigned correctly?

**RCN** · Jan 12, 2015, 4:05 PM

I opened another thread accidentally, sorry.

Cross-reference: http://forums.ext.net/showthread.php...ong-after-blur

Thread: [CLOSED] TextField reduces its width when losing focus

Thread Tools

Search Thread

Display

Similar Threads

[CLOSED] TextField - Change Style on Focus

TextField Width property includes Label Width now?

[CLOSED] Textfield losing focus when button is enabled

[FIXED] Editable GridPanel textfield editor width does not fit column width

Focus on Textfield

Posting Permissions

Sitemap

Downloads

Resources