[CLOSED] TextField validation - cosmetic issue

  1. #1

    [CLOSED] TextField validation - cosmetic issue

    Hi,

    The issue was introduced in Ext 3.0. In previous version I was not experiencing that.

    When validator is set to MsgTarget="Under" then if you start typing (password in case of my example) then empty space (gap) is added under text field and stays there. It looks like the placeholder is added after first character typed into the TextField.

    Interesting thing is that the issue is not present if I change ScriptMode to Debug.

    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Ext.NET v3 Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager
                runat="server"
                ScriptMode="Release" />
    
            <ext:FormPanel
                runat="server"
                ID="pnlLogin"
                Title="User Login"
                Width="350"
                Frame="true"
                BodyPadding="10"
                DefaultAnchor="100%">
                <Listeners>
                    <AfterRender Handler="
                        if (#{txtEmailAddress}.getValue().length === 0) { 
                            #{txtEmailAddress}.focus(false, 100); 
                        } 
                        else { 
                            #{txtPassword}.focus(false, 100); 
                        } " />
                </Listeners>
                <Items>
                    <ext:TextField
                        runat="server"
                        MsgTarget="Under"
                        ID="txtEmailAddress"
                        Text="my@email.com"
                        AllowBlank="false"
                        FieldLabel="Email Address:"
                        Vtype="email"
                        EmptyText="email address">
                        <CustomConfig>
                            <ext:ConfigItem
                                Name="tooltip"
                                Value="Enter your email address" />
                        </CustomConfig>
                    </ext:TextField>
                    <ext:TextField
                        runat="server"
                        ID="txtPassword"
                        MsgTarget="Under"
                        AllowBlank="false"
                        FieldLabel="Password:"
                        EmptyText="password"
                        InputType="Password"
                        BlankText="Password is required." />
    
                    <ext:Label
                        runat="server"
                        ID="lblInvalidLogin"
                        StyleSpec="color:red;margin-left:100px"
                        Text="Provided credentials are invalid."
                        Icon="exclamation"
                        HideMode="Visibility"
                        Hidden="true">
                        <Listeners>
                            <Show Handler="#{btnLogin}.enable()" />
                        </Listeners>
                    </ext:Label>
                </Items>
                <Buttons>
                    <ext:Button
                        runat="server"
                        ID="btnLogin"
                        Text="Log in"
                        FormBind="true"
                        MarginSpec="0 5 8 0">
                        <Listeners>
                            <Click Handler="#{lblInvalidLogin}.hide();
                                            item.focus();
                                            item.disable();" />
                        </Listeners>
                    </ext:Button>
                </Buttons>
            </ext:FormPanel>
    
        </form>
    </body>
    </html>


    Also MsgTarget="Side" is not working great. I am not sure how about previous versions of Ext but I would assume that TextField should return to it's original width when alert icon is hidden. (but It might be only my wish)

    Thank you
    Last edited by Daniil; Jan 15, 2015 at 12:57 PM. Reason: [CLOSED]
  2. #2
    Hi Matt,

    Thank you for the report.

    It is one issue more that is fixed in ExtJS 5.1.0. Once I finally commit it to SVN, I will post a follow-up here.
  3. #3
    Hi Matt,

    I just committed the initial ExtJS 5.1.0 update to SVN. It is still in a very beta stage, but you could test the existing issues.
  4. #4

    Issue Fixed

    Thank you, the issue is fixed.


    PS... I know you have mentioned that it is very beta release... have you seen that error already in the "very beta" release ?

    Element cache already contains an entry for id 'ext-window'. Use Ext.get() to create or retrieve Element instances.

    It is related to my other thread http://forums.ext.net/showthread.php...122#post233122
    Last edited by matt; Jan 14, 2015 at 7:03 PM. Reason: Error question update... please follow the other thread.
  5. #5
    Thank you for confirming!

    PS... I know you have mentioned that it is very beta release... have you seen that error already in the "very beta" release ?
    I've not seen such an error. In the other thread you wrote "ignore". As far as I can see you wrote "ignore" after this post, but just in case to exclude any misunderstanding - is the problem still actual or not?
  6. #6
    Not actual anymore. I have changed some order in my code and the error is gone.

    When I got that error... and traced it to the loader. I thought it was related but it was not... it was something in my code that was working previously and with the new release had to be changed.

    I didn't want to completely erase that post (can we ?) so... I left the note about ignoring.

    Thank you
  7. #7
    I didn't want to completely erase that post (can we ?) so... I left the note about ignoring.
    I could remove, but I am not sure about your forum permissions to do that. Probably, not. Anyways, I think it is OK to leave the things as it is.

    Closing the thread.

Similar Threads

  1. [CLOSED] Cosmetic issue :-)
    By xtoolz in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Jul 23, 2013, 12:11 PM
  2. [CLOSED] FormPanel textfield w/remote validation reset issue
    By jwhitmire36 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 04, 2013, 3:21 PM
  3. Replies: 6
    Last Post: Feb 21, 2013, 4:44 AM
  4. [CLOSED] validation on textfield
    By majestic in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Oct 16, 2012, 5:16 PM
  5. [CLOSED] This tim this is a cosmetic problem (CSS inside)
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 23, 2012, 4:15 PM

Tags for this Thread

Posting Permissions