[CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

  1. #1

    [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    Top border is missing and trigger icons are misaligned when viewing Combobox/TriggerField inside a Formlayout with IE8 compatibility mode on.

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate">
        </ext:ResourceManager>
        <ext:Viewport runat="server" Layout="fit">
            <Content>
                <ext:Panel ID="Panel1" runat="server" Title="Form">
                    <Content>
                        <ext:FormLayout ID="FormLayout1" runat="server">
                            <Anchors>
                                <ext:Anchor Horizontal="100%">
                                    <ext:ComboBox runat="server" FieldLabel="Test" >
                                    </ext:ComboBox>
                                </ext:Anchor>
                                <ext:Anchor Horizontal="100%">
                                    <ext:TriggerField ID="TriggerField1" runat="server" FieldLabel="Test">
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" />
                                            <ext:FieldTrigger Icon="Ellipsis" />
                                        </Triggers>
                                    </ext:TriggerField>
                                </ext:Anchor>
                            </Anchors>
                        </ext:FormLayout>
                    </Content>
                </ext:Panel>
            </Content>
        </ext:Viewport>
        </form>
    </body>
    </html>
  2. #2

    RE: [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    Hi,

    IE8 Compatibility mode doesn't always correctly emulate IE7. If you open that example under IE7 then UI will be fine.


    UserAgent string of the IE8 compatibility mode is the same as IE7
    Therefore for ExtJS IE8 Compatibility mode and IE7 is one browser (ExtJS doesn't distinguish IE8 in that mode and IE7). Also I don't think that IE8 Compatibility mode is supported by ExtJS


    You can force IE8 normal mode by placing the following directive to the page
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /><

    See http://msdn.microsoft.com/en-us/libr...25(VS.85).aspx


    Also in the following topic you can read IE8 Compatibility mode discussion
    http://www.extjs.com/forum/showthread.php?t=94482
  3. #3

    RE: [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    Unfortunately, we have to force IE8 compatibility mode on because other areas of the app breaks if rendered in IE8 normal mode. Were you able to reproduce this on IE8 with compatibility mode on? I want to make sure it's not something local on my computer.



  4. #4

    RE: [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    Hi,

    Yes, triggers have small shiffting under the IE8 Compatibility mode (once again it is IE8 emulation bug, under pure IE7 all fine)
  5. #5

    RE: [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    If you need to fix it then I can try to provide css rules which can resolve it (but I don't think that we include it to the toolkit because we don't distinguish IE8 Compatibility mode and IE7)
  6. #6

    RE: [CLOSED] [1.0] Visual error with triggerfield and combobox inside a formlayout

    Hi,

    Please update from SVN. Now your example should works fine under IE8 compatibility mode

Similar Threads

  1. [CLOSED] Horizontal Layout inside FormLayout panel
    By jwf in forum 1.x Legacy Premium Help
    Replies: 14
    Last Post: Sep 16, 2011, 3:23 PM
  2. [CLOSED] [0.8.2] Two grids (Grid inside FormLayout inside FitLayout)
    By Yevgeniy in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 16, 2010, 2:52 PM
  3. Anchors inside FormLayout
    By hbbazan in forum 1.x Help
    Replies: 4
    Last Post: Jan 15, 2010, 7:40 AM
  4. ext:TriggerField isn't show in the ext:FormLayout
    By flaviodamaia in forum 1.x Help
    Replies: 8
    Last Post: Aug 11, 2009, 9:54 AM
  5. [CLOSED] IE Problem w/FormLayout inside TableLayout
    By randy85253 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: May 06, 2009, 12:46 PM

Posting Permissions