Broken Layout after upgrade to 1.3

  1. #1

    Broken Layout after upgrade to 1.3

    After upgrade most of layouts in my app are broken,

    I prepare sample and screenshots, I primary use IE 8, but I try FF and result is similar.

    Maybe my layout can be done in better way I also welcome advices in this way.

    Thanks
    Petr

    Sample:
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Layout problem</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
    	<ext:ResourcePlaceHolder runat="server" Mode="Style" />
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" locale="cs-CZ" 
            viewstatemode="Disabled" ajaxviewstatemode="Disabled" enableviewstate="false" />    
        <ext:Window 
            id="mainWindow"
            runat="server" 
            Title="Projekt" 
            maximized="true"
            maximizable="false"
            closable="false"
            plain="true"
            border="false"
            BodyBorder="false"
            Resizable="false"
            modal="true">       
            <topbar>
                <ext:Toolbar runat="server">
                        <Items>
                            <ext:TabStrip runat="server" id="tabs" ActiveTabIndex="0">
                                <Items>
                                    <ext:TabStripItem actionitemid="pnlSummary"  title="Souhrn" icon="BookOpen" />                                
                                </Items>                            
                            </ext:TabStrip>
                            <ext:ToolbarFill runat="server" />
                            
                            <ext:ToolbarSeparator runat="server" />
                            <ext:Button runat="server" Icon="Delete" text="Smazat" id="DeleteButton" />                        
                            <ext:Button runat="server" Icon="Disk" Text="Ulo?it" id="SaveButton">                            
                            </ext:Button>
                            <ext:hyperlink runat="server" Icon="Sum" id="MoneyTree" text="Přehled" />
                            <ext:Button runat="server" Icon="Help" />
                        </Items>
                    </ext:Toolbar>
            </topbar>
            <items>                
            <ext:FormPanel ID="pnlSummary" runat="server" Header="false" frame="true">
                    <items>
                        <ext:tablelayout runat="server" columns="2" >                        
                            <cells>
                                <ext:cell rowspan="2">
                                    <ext:fieldset runat="server" title="Základní nastavení" >
                                    <Defaults>
                                        <ext:Parameter Name="width" Value="400" Mode="Value" />                                    
                                    </Defaults>
                                    <items>
                                        <ext:numberfield id="Id" runat="server" hidden="false" fieldlabel="Id"
                                            enabled="false" disabled="true" width="150" allowdecimals="false"
                                            IndicatorIcon="Information" Anchor="-20" IndicatorTip="Číslo je přiřazeno automaticky"  />
                                        <ext:textfield id="Name" runat="server" fieldlabel="Name" />                               
                                        <ext:combobox id="Classification" runat="server" fieldlabel="Klasifikace" allowblank="true">
                                            <items>                                            
                                                <ext:listitem text="Strategický / rozvojový projekt" value="A" />
                                                <ext:listitem text="Projekt" value="B" />
                                                <ext:listitem text="Kvalifikované konstruční / vývojové slu?by" value="C" />
                                            </items>
                                        </ext:combobox>
                                        <ext:combobox id="User" runat="server" fieldlabel="Mana?er" allowblank="false" />
                                        <ext:multicombo id="Strediska" runat="server" fieldlabel="Střediska" hidden="true" />
                                        <ext:textarea id="Description" runat="server" width="400" fieldlabel="description" />
                                    </items>                            
                                    </ext:fieldset>
                                </ext:cell>
                                <ext:cell>                                
                                    <ext:fieldset runat="server" title="Datumy" width="250" Icon="Date" >
                                    <Defaults>
                                        <ext:Parameter Name="width" Value="190" Mode="Value" />
                                    </Defaults>
                                    <items>
                                        <ext:datefield runat="server" fieldlabel="Created"   width="190" readonly="true" />
                                        <ext:datefield runat="server" fieldlabel="StartDate" width="190" dataindex="StartDate" Vtype="daterange">
                                            <CustomConfig>
                                                <ext:ConfigItem Name="endDateField" Value="#{EndDate}" Mode="Value" />                                            
                                            </CustomConfig>
                                        </ext:datefield>
                                        <ext:datefield runat="server" fieldlabel="EndDate"   width="190" dataindex="EndDate" Vtype="daterange">
                                            <CustomConfig>
                                                <ext:ConfigItem Name="startDateField" Value="#{StartDate}" Mode="Value" />
                                            </CustomConfig>
                                        </ext:datefield>
                                    </items>
                                    </ext:fieldset>
                                </ext:cell>
                                <ext:cell>                                
                                    <ext:fieldset runat="server" title="Plán" width="250" >
                                    <Defaults>
                                        <ext:Parameter Name="width" Value="190" Mode="Value" />
                                    </Defaults>
                                    <items>
                                        <ext:datefield runat="server" fieldlabel="PlanDate" dataindex="PlanDate" Vtype="daterange">
                                            <CustomConfig>
                                                <ext:ConfigItem Name="startDateField" Value="#{StartDate}" Mode="Value" />
                                            </CustomConfig>
                                        </ext:datefield>
                                        <ext:numberfield runat="server" fieldlabel="PlanHours" />                                    
                                    </items>
                                    </ext:fieldset>
                                </ext:cell>
                            </cells>
                        </ext:tablelayout>                    
                    </items>
                </ext:FormPanel>
                </items>
        </ext:Window>
        </form>
    </body>
    </html>
    
    Screenshots:
    Click image for larger version. 
    
    Name:	layout1_2.png 
    Views:	60 
    Size:	89.5 KB 
    ID:	3909Click image for larger version. 
    
    Name:	layout1_3.png 
    Views:	80 
    Size:	88.1 KB 
    ID:	3910Click image for larger version. 
    
    Name:	layout1_3_FF.png 
    Views:	90 
    Size:	98.6 KB 
    ID:	3911
  2. #2
    Hi,

    IE Compatibility Mode is not supported and will produce inconsistent rendering.

    You can remove the following line.

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    Geoffrey McGill
    Founder
  3. #3

Similar Threads

  1. Replies: 7
    Last Post: Apr 29, 2013, 7:06 AM
  2. Upgrade fee to v2
    By Richardt in forum Licensing
    Replies: 1
    Last Post: Jul 15, 2011, 3:37 PM
  3. Broken layout: Spinner in fieldset
    By PetrSnobelt in forum 1.x Help
    Replies: 1
    Last Post: Jun 13, 2011, 4:30 PM
  4. Upgrade from 0.8.2 to 1.0
    By speddi in forum 1.x Help
    Replies: 2
    Last Post: Apr 28, 2010, 9:14 PM
  5. [CLOSED] Spinner Field Broken layout
    By amitpareek in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Jan 04, 2010, 6:47 AM

Tags for this Thread

Posting Permissions