[CLOSED] Bug in a window with property FieldLabel in TextField is moving

  1. #1

    [CLOSED] Bug in a window with property FieldLabel in TextField is moving

    Hi team, I have a problem with a Ext Window, the problem is that I have a Page1 with a Window where with a Button I show a Window with other Page2 with two TextField controls with property FieldLabel, where to focus the controls with tab is not moving the body window, but, with shit+tab to return the other control is moving the body window.

    This is the image with first show



    This is the image where to back the other control with Shit+Tab keys, I show with red border the errors




    This is the code to Page1

        <script type="text/javascript">
            var btnWindow_Click = function () {
                App.wEmergente.load('InnerForm.aspx');
                App.wEmergente.setHeight(258);
                App.wEmergente.setWidth(500);
                App.wEmergente.center();
                App.wEmergente.setTitle('Inner Form in a Window');
                App.wEmergente.show();
            };
        </script>
    
        <form id="form1" runat="server">
            <ext:ResourceManager ID="rmDefault" runat="server" HideInDesign="true" Theme="Neptune" />
    
            <ext:Button
                ID="btnWindow"
                runat="server"
                Text="Load Window">
                <Listeners>
                    <Click Fn="btnWindow_Click" />
                </Listeners>
            </ext:Button>
    
            <ext:Window 
                ID="wEmergente"
                runat="server"
                Icon="Application"
                Hidden="true"
                Modal="true"
                Padding="5"
                Resizable="False"
                Region="Center"
                XOnEsc="Ext.emptyFn">
                <Loader ID="lEmergente" runat="server" Mode="Frame" AutoLoad="false">
                    <LoadMask ShowMask="true" Msg="Cargando..." />
                </Loader>
            </ext:Window>
        </form>
    This is the code to Page2

        <form id="form1" runat="server">
            <ext:ResourceManager ID="rmInnerForm" runat="server" HideInDesign="true" Theme="Neptune" />
    
            <ext:TextField
                ID="txtfText1"
                runat="server"
                FieldLabel="Test1">
            </ext:TextField>
    
            <ext:TextField
                ID="TextField2"
                runat="server"
                FieldLabel="Test2">
            </ext:TextField>
        </form>
    Attached Thumbnails Click image for larger version. 

Name:	ErrorWindow01.png 
Views:	14 
Size:	9.5 KB 
ID:	22101   Click image for larger version. 

Name:	ErrorWindow02.png 
Views:	13 
Size:	10.7 KB 
ID:	22111  
    Last edited by Daniil; Mar 10, 2015 at 8:29 PM. Reason: [CLOSED]
  2. #2
    Hi @osef,

    I cannot reproduce. I am trying with the latest Ext.NET v2 and Chrome. Please describe your environment.

    Also what are exactly the steps?

    My steps are:

    1. Click the "Load Window" button
    2. Click inside the first TextField, it gets a cursor.
    3. Press Tab
    4. Press Shift+Tab

    The Window's body doesn't shift for me.
  3. #3
    Hi Daniil, te version is Ext.Net 2.5.2.10682 and the steps are:

    1. Click the "Load Window" button
    2. Click inside the first TextField, it gets a cursor.
    3. Write a text with 8 characters or more.
    4. Press Tab
    5. Press Shift+Tab
  4. #4
    Hello,

    Maybe you'd better update to latest NuGet version (2.5.3). I can't reproduce this on NuGet's 2.5.3.

    Followed the exact same steps you pointed.

    Hope this helps!
    Fabrício Murta
    Developer & Support Expert
  5. #5
    I have update to latest version (2.5.3) and I get the same problem, I see that in the next line I put a width more large I don't get the problem

    App.wEmergente.setWidth(600);
    This is the URL to test the error

    http://200.57.115.237:8282/

    Thank you
  6. #6
    I've reproduced, thanks. A weird issue.

    At least, a few conditions to get it reproducible:

    1. Chrome only
    2. Window's Resizable="false"
    3. Using a Loader with Mode="Frame"

    Would it be appropriate for you to remove Resizable="false" as a possible workaround?
  7. #7
    Hi Daniil, thank you, but I don't want that the user can resize the Ext Window, Could you please to give me other solution?
  8. #8
    As a workaround, please try to remove Resizalbe="false" and set this for the Window.
    <Listeners>
        <Show Handler="this.resizer.disable();" Single="true" />
    </Listeners>
  9. #9
    Thank you Daniil, this is working.

    Regards

Similar Threads

  1. [CLOSED] FieldLabel property missed
    By Daly_AF in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Oct 30, 2012, 8:23 AM
  2. Replies: 4
    Last Post: Apr 25, 2012, 11:57 AM
  3. Replies: 3
    Last Post: Dec 15, 2011, 12:18 PM
  4. [CLOSED] TextField and FieldLabel
    By majunior in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 10, 2011, 2:30 PM
  5. FieldLabel Textfield without semicolumn
    By GijsZePa in forum 1.x Help
    Replies: 6
    Last Post: Mar 16, 2010, 11:52 AM

Tags for this Thread

Posting Permissions