[CLOSED] IE8 render issue for CompositeField

  1. #1

    [CLOSED] IE8 render issue for CompositeField

    Hi,

    I have the following problem with the control CompositeField in IE8 Compatibility View activated, the ComboBox control is not visible at the bottom or is cut off.

    the dll version is 1.0.3904.22021
    this is the source code:

     
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="CooliteIssue.WebForm1" %>
    <%@ 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 runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager ID="smManager" runat="server">
            </ext:ResourceManager>
            <ext:Store runat="server" ID="stYearsTO" AutoLoad="true"> 
                <Reader>
                    <ext:ArrayReader IDProperty="Id">
                        <Fields>
                            <ext:RecordField Name="Id" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>        
            <ext:Store runat="server" ID="stMonthsTo" AutoLoad="true"> 
                <Reader>
                    <ext:ArrayReader IDProperty="Id">
                        <Fields>
                            <ext:RecordField Name="Id" />
                            <ext:RecordField Name="Description" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>            
            <ext:Panel ID="Panel10" Height="28" runat="server" LabelWidth="70" >
                <Items>
                    <ext:CompositeField ID="cfPeriodTo" runat="server" FieldLabel="Period To" AnchorHorizontal="100%">
                        <Items>
                            <ext:ComboBox ID="cmbYearTo" runat="server" Editable="false" Width="60px" StoreID="stYearsTo" 
                                                DisplayField="Description" ValueField="Id"
                                                Mode="Local" ForceSelection="true">
                            </ext:ComboBox>
                            <ext:Label ID="Label1" runat="server" Text=" / "></ext:Label>
                            <ext:ComboBox ID="cmbMonthTo" runat="server" Editable="false" Width="95px" StoreID="stMonthsTo" 
                                                    DisplayField="Description" ValueField="Id" SelectedIndex="0"
                                                    Mode="Local" ForceSelection="true">
                            </ext:ComboBox>
                        </Items>
                    </ext:CompositeField>
                </Items>
            </ext:Panel>
     
        </div>
        </form>
    </body>
    </html>
     
     
     
        public partial class WebForm1 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                object aData = new object[]
                {
                    new object[] {-1, "All"}, 
                    new object[] {"1", "1"}, 
                    new object[] {"2", "2"}
                };
     
                stMonthsTo.DataSource = aData;
                stMonthsTo.DataBind();
     
                object aData1 = new object[]
                {
                    new object[] {-1, "All"}, 
                    new object[] {"2009", "2009"}, 
                    new object[] {"2010", "2010"}
                };
                stYearsTO.DataSource = aData1;
                stYearsTO.DataBind();
            }
        }
    Attached Thumbnails Click image for larger version. 

Name:	withCompatibility.GIF 
Views:	85 
Size:	2.2 KB 
ID:	1672   Click image for larger version. 

Name:	withoutCompatibility.GIF 
Views:	89 
Size:	2.1 KB 
ID:	1673  
    Last edited by geoffrey.mcgill; Sep 30, 2010 at 4:27 PM. Reason: [CLOSED]
  2. #2
  3. #3
    Hi,

    IE8 compatibility mode doesn't always correctly emulate IE7. If you test you sample under pure IE7 then all will be fine. Compatibility mode is not oficially supported mode

    But if you still want to fix it then set Height="22" for the first combobox
  4. #4
    Thanks Vladimir, setting the Height property solved my problem.

Similar Threads

  1. [CLOSED] Label in CompositeField issue
    By vadym.f in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Apr 12, 2012, 5:23 PM
  2. Replies: 2
    Last Post: Sep 13, 2011, 11:39 PM
  3. CompositeField StyleSpec issue
    By joao.msdn in forum 1.x Help
    Replies: 0
    Last Post: Jan 07, 2011, 1:07 PM
  4. [CLOSED] [1.0] CompositeField and SyncSize() issue
    By pasion in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 29, 2010, 1:55 PM
  5. Replies: 3
    Last Post: Apr 19, 2010, 5:00 AM

Posting Permissions