[CLOSED] NumberField missing the bottom line on IE8 ?

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] NumberField missing the bottom line on IE8 ?

    Image attached showing issue, running IE8.

    Click image for larger version. 

Name:	Textbox missing bottom.JPG 
Views:	2999 
Size:	17.9 KB 
ID:	4471

    <%@ Page Language="C#" %>
    
    <%@ 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">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Simple Form Panel - Ext.NET Examples</title>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <br />
        <ext:FormPanel ID="FormPanelDetails" runat="server" BodyPadding="0" ButtonAlign="Center"
            MonitorResize="true" Height="275" Width="540">
            <Items>
                <ext:Panel ID="Panel1" runat="server" Border="false" Layout="Form" BodyPadding="0">
                    <Items>
                        <ext:Container runat="server" ID="ContainerDetails" Padding="0">
                            <Items>
                                <ext:Panel ID="Details" runat="server" Title="Details" Icon="PageWhitePasteTable"
                                    Frame="false" Border="false" ButtonAlign="Center" BodyPadding="5">
                                    <Items>
                                        <ext:Container ID="ContainerOuterDetails" runat="server" Layout="Column">
                                            <Items>
                                                <ext:Container runat="server" ID="ContainerOuterDetailsLeft" Layout="Form" ColumnWidth=".5">
                                                    <Items>
                                                        <ext:FormPanel ID="FormPanel1" runat="server" BodyPadding="5" Border="false">
                                                            <Items>
                                                                <ext:FieldContainer ID="FieldContainer1" runat="server" FieldLabel="NumberField1"
                                                                    Layout="HBoxLayout">
                                                                    <Items>
                                                                        <ext:NumberField ID="NumberField1" runat="server" EmptyText="NumberField1" Width="135"
                                                                            MinValue="0" AllowBlank="false" HideTrigger="true" Name="NumberField1" DataIndex="NumberField1"
                                                                            AllowDecimals="true" DecimalPrecision="4" TabIndex="3" />
                                                                    </Items>
                                                                </ext:FieldContainer>
                                                            </Items>
                                                        </ext:FormPanel>
                                                    </Items>
                                                </ext:Container>
                                                <ext:Container runat="server" ID="ContainerOuterDetailsRight" Layout="Form" ColumnWidth=".5">
                                                    <Items>
                                                        <ext:FormPanel ID="FormPanel2" runat="server" BodyPadding="5" Border="false">
                                                            <Items>
                                                                <ext:FieldContainer ID="FieldContainer2" runat="server" FieldLabel="NumberField2"
                                                                    Layout="HBoxLayout">
                                                                    <Items>
                                                                        <ext:NumberField ID="NumberField2" runat="server" EmptyText="NumberField2" MinValue="0"
                                                                            Width="135" AllowBlank="false" AllowDecimals="false" HideTrigger="true" Name="NumberField2"
                                                                            TabIndex="10" />
                                                                    </Items>
                                                                </ext:FieldContainer>
                                                            </Items>
                                                        </ext:FormPanel>
                                                    </Items>
                                                </ext:Container>
                                            </Items>
                                        </ext:Container>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Panel>
            </Items>
            <BottomBar>
                <ext:StatusBar ID="StatusBar1" runat="server" Height="25" Hidden="true" />
            </BottomBar>
        </ext:FormPanel>
    </body>
    </html>
    Last edited by geoffrey.mcgill; Jul 17, 2012 at 5:21 PM. Reason: [CLOSED]
  2. #2
    Hi,

    I am unable to reproduce. Is the compatibility mode switched off?

    Also, I think there are too many containers. Many of them might be omitted. Simpler layout - less issues.
  3. #3
    compatibility mode is switch off!

    And I move the code to NO containers, same issue. Screen shot and code below.

    Click image for larger version. 

Name:	Textbox missing bottom 2.JPG 
Views:	2744 
Size:	7.7 KB 
ID:	4477

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">     
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                NumberField1.Number = 1; 
                NumberField2.Number = 2; 
            }
        } </script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Simple Form Panel - Ext.NET Examples</title>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:FormPanel ID="FormPanel1" runat="server" Width="540">
            <Items>
                <ext:NumberField ID="NumberField1" runat="server" EmptyText="NumberField1" Width="135"
                    MinValue="0" AllowBlank="false" HideTrigger="true" Name="NumberField1" DataIndex="NumberField1"
                    AllowDecimals="true" DecimalPrecision="4" TabIndex="3" />
                <ext:NumberField ID="NumberField2" runat="server" EmptyText="NumberField2" Width="135"
                    MinValue="0" AllowBlank="false" Name="NumberField2" HideTrigger="true" AllowDecimals="true"
                    DecimalPrecision="2" TabIndex="5" />
            </Items>
        </ext:FormPanel>
    </body>
    </html>
    Quote Originally Posted by Daniil View Post
    Hi,

    I am unable to reproduce. Is the compatibility mode switched off?

    Also, I think there are too many containers. Many of them might be omitted. Simpler layout - less issues.
  4. #4
    I am still unable to reproduce. Please clarify what Ext.NET sources do you use?
  5. #5
    I'm using the latest v2.0 where you guys just fix the Intellisense in VS '10 which I got from SVN two (2) days ago.


    Quote Originally Posted by Daniil View Post
    I am still unable to reproduce. Please clarify what Ext.NET sources do you use?
  6. #6
    I cannot reproduce the issue as well.
    Do you able to reproduce the issue under IE9 compatibility mode (or any other browser mode)?
    Do you able to reproduce under IETester?
  7. #7
    It looks OK on Chrome & Firefox. !!!

    Our intranet ONLY has IE8, so I downloaded IETester but in IETester v0.4.11 IE9 Tab is disable as the screen shot shown below, so I can't look at my site in IE9, but I look at it in IE7 and the "NumberField" looks OK...

    Click image for larger version. 

Name:	IETester (IE9 disabled).JPG 
Views:	2730 
Size:	26.1 KB 
ID:	4488

    Issue seems to ONLY be with IE8, because you mention it looks OK on your end under IE9 compatibility mode.


    Quote Originally Posted by Vladimir View Post
    I cannot reproduce the issue as well.
    Do you able to reproduce the issue under IE9 compatibility mode (or any other browser mode)?
    Do you able to reproduce under IETester?
  8. #8
    Quote Originally Posted by Fahd View Post
    in IETester v0.4.11 IE9 Tab is disable as the screen shot shown below
    Is it reproducible with IETester IE8?
    Last edited by Daniil; May 01, 2015 at 1:23 PM.
  9. #9
    Yes it has the same issue in IETester IE8 where the bottom of the NumberField is missing.

    Quote Originally Posted by Daniil View Post
    Is it reproducible with IETester IE8?
  10. #10
    What OS is used on your side? I will try to reproduce on virtual PC
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Scripts at bottom of page
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 07, 2011, 7:53 PM
  2. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  3. [CLOSED] CompositeField align bottom
    By SouthDeveloper in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 25, 2011, 1:53 AM
  4. [CLOSED] FieldSet - Bottom border-line missing on IE-8
    By ndotis in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 03, 2011, 5:04 PM
  5. Replies: 2
    Last Post: Jan 13, 2010, 10:01 AM

Tags for this Thread

Posting Permissions