ie 7 layout

  1. #1

    ie 7 layout

    Hi,

    I noticed that the fieldlabel in ie7 looks out of place.

    Any idea how i can resolve this issue?
  2. #2
    Please provide test sample
  3. #3
    heres the code

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="test" %>
    
    
    
    <%@ 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></title>
        <style type="text/css">
            .x-form-item
            {
                font: 14px arial,tahoma,helvetica,sans-serif;
            }
            .content
            {
                font: 14px arial,tahoma,helvetica,sans-serif;
            }
            .x-btn button
            {
                font: 14px arial,tahoma,helvetica,sans-serif;
    
            }
            .x-form-field 
            {
                font: 14px arial,tahoma,helvetica,sans-serif;
            }
            .x-panel-mc {
                font: 13px tahoma,arial,helvetica,sans-serif;
            }
        </style>
    </head>        
    <ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <body>
    
        <form id="form1" runat="server">
            <ext:Viewport ID="Viewport1" runat="server" Layout="border">
                <Items>
                    <ext:Panel ID="Panel1" runat="server" padding="10" Region="Center" Border="false" Layout="Fit">
                        <Items>
                            <ext:BorderLayout ID="BorderLayout1" runat="server">
                                <North>
                                     <ext:Panel ID="Panel2" 
                                        runat="server" 
                                        Region="North"
                                        Margins="5 5 5 5"
                                        Title="Information" 
                                        Height="100" 
                                        Padding="5"
                                        Frame="true"
                                        Collapsible="true" 
                                        Icon="Information">
                                        <Content>
                                            <b>test</b>
                                            <p>test</p><br/>
                                        </Content>
                                    </ext:Panel>
                                </North>
                                <Center>
                                    <ext:FormPanel ID="panelForm" runat="server" Title="test panel" Padding="20" MonitorValid="true" AutoScroll="true" Border="false">
                                        <Items>
                                            <ext:FieldSet ID="FieldSet1" runat="server" Title="test" Padding="10">
                                                <Items>
                                                     <ext:TextField ID="tbInitial" runat="server" Width="235" FieldLabel="test2sd344" AllowBlank="false">
                                                    </ext:TextField>
                                                    <ext:DateField ID="dfDob" runat="server" FieldLabel="dsfff4sds4" Width="235" AllowBlank="false" Format="dd-MMM-yyyy">
                                                    </ext:DateField>
                                                    <ext:ComboBox ID="cbCentre" runat="server" ValueField="Value"  Width="235" FieldLabel="asdasdsads" DisplayField="ttt" Editable="false" SelectOnFocus="true" Mode="Local" AllowBlank="false">
                                                        <Store>
                                                            <ext:Store ID="store_centre" runat="server">
                                                                <Reader>
                                                                    <ext:JsonReader>
                                                                        <Fields>
                                                                            <ext:RecordField Name="Value" Type="Int"/>
                                                                            <ext:RecordField Name="ttt" Type="String" />
                                                                        </Fields>
                                                                    </ext:JsonReader>
                                                                </Reader>    
                                                            </ext:Store>
                                                        </Store>
                                                    </ext:ComboBox>
                                                </Items>
                                            </ext:FieldSet>
                                            <ext:FieldSet ID="stratFs" runat="server" Title="stres" Padding="10">
                                                <Items>
                                           
                                                </Items>
                                            </ext:FieldSet>
                                            <ext:Panel ID="Panel4" runat="server" Title="addd" Padding="10" Height="90" Layout="Fit">
                                                <Items>
                                                    <ext:ColumnLayout ID="ColumnLayout1" runat="server">
                                                    <Columns>
                                                        <ext:LayoutColumn>
                                                              <ext:Checkbox ID="Checkbox1" runat="server" LabelAlign="Right"/>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.7">
                                                            <ext:Panel ID="Panel5" runat="server" Border="false">
                                                                 <Content>
                                                                    <div class="content" style="padding-top:4px">
                                                                       asdsadasdasdsad.
                                                                    </div>
                                                                </Content>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </Columns>
                                                    </ext:ColumnLayout>
                                                </Items>
                                            </ext:Panel>
                                            <ext:Panel ID="Panel8" runat="server" Border="false" Height="10">
                                                <Content></Content>
                                            </ext:Panel>
                                            <ext:Panel ID="Panel6" runat="server" Padding="10">
                                                <Items>
                                                    <ext:Panel ID="Panel3" 
                                                        runat="server" 
                                                        Region="North"
                                                        Margins="5 5 5 5"
                                                        Title="Information" 
                                                        Height="80" 
                                                        Padding="5"
                                                        Frame="true"
                                                        Collapsible="true" 
                                                        Icon="Information">
                                                        <Content>
                                                            <b>sdfdsfsfd</b>
                                                            <p>sadsadw3332sfdsfsf.</p><br/>
                                                        </Content>
                                                    </ext:Panel>
                                                    <ext:Panel ID="Panel7" runat="server" Height="10" Border="false">
                                                        <Content></Content>
                                                    </ext:Panel>
    
                                                    <ext:Panel ID="Panel9" runat="server" Title=" sddd" Padding="10" Height="90" Layout="Fit">
                                                        <Items>
                                                            <ext:ColumnLayout ID="ColumnLayout2" runat="server">
                                                            <Columns>
                                                                <ext:LayoutColumn>
                                                                     <ext:TextField ID="tbttt" runat="server" LabelWidth="320" FieldLabel="Esdadasdigsadsadsad" AllowBlank="false"></ext:TextField>
                                                                </ext:LayoutColumn>
                                                                <ext:LayoutColumn>
                                                                    <ext:Panel ID="Panel10" runat="server" Border="false" PaddingSummary="0px 0px 0px 10px">
                                                                        <Items>
                                                                            <ext:Button ID="btntttt" runat="server" Text="sdfsdfdsf">
                                                                               
                                                                            </ext:Button>
                                                                        </Items>
                                                                    </ext:Panel>
                                                                </ext:LayoutColumn>
                                                            </Columns>
                                                            </ext:ColumnLayout>
                                                        </Items>
                                                    </ext:Panel>
                                                </Items>
                                            </ext:Panel>
                                        </Items>
                                        <Listeners>
                                            <ClientValidation Handler="#{btntttt}.setDisabled(!valid);" />
                                        </Listeners>
                                    </ext:FormPanel>
                                </Center>
    
                            </ext:BorderLayout>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    
    </html>
  4. #4
    FieldLabel requires Layout="form" for correct showing
    Please set Layout="form" for FieldSet
  5. #5
    Hi, how about column layout? it seems like the button is out of place
  6. #6
    i replaced my code for the column layout and it works fine now. thanks for your help.

Similar Threads

  1. [CLOSED] layout issue when using RowLayout within column layout
    By Daly_AF in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 11, 2012, 2:40 PM
  2. [CLOSED] VBoxLayout layout does not refresh the layout automatically
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 23, 2011, 1:52 PM
  3. [CLOSED] vbox layout inside column layout
    By craig2005 in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 04, 2011, 2:44 PM
  4. [CLOSED] Basic Layout question for Layout Fit / AutoHeight
    By macap in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 07, 2010, 11:57 AM
  5. [CLOSED] Page layout using layout controls.
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Mar 23, 2010, 12:08 PM

Posting Permissions