[CLOSED] [1.0] Having layout issues in ie8 only

  1. #1

    [CLOSED] [1.0] Having layout issues in ie8 only

    This will be very Generic but why am I seeing textfields and dropdowns appear off the screen when they are placed inside tab panels where the tab panel is in the east or west region.

    I have posted the code and the screen shot of my display issue. This code was virtually the same in 0.8. There have been very minor changes to this.

    I am not liking that the drop downs start out so small either. but I can easily fix that. I liked it better when all the form elements had the same default size.
     
    
    
    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="AdvancedQuery.ascx.cs" Inherits="AdvancedQuery" %>
    
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <ext:store runat="server" ID="sCriteria" OnRefreshData="CriteriaRefresh">
    
    
    <Reader>
    
    
    <ext:JsonReader>
    
    
    <Fields>
    
    
    <ext:RecordField Name="CRITID" Type="String" />
    
    
    <ext:RecordField Name="Field" Type="String" />
    
    
    <ext:RecordField Name="Operator" Type="String" />
    
    
    <ext:RecordField Name="Criteria" Type="String" />
    
    
    <ext:RecordField Name="ColType" Type="String" />
    
    
    </Fields>
    
    
    </ext:JsonReader>
    
    
    </Reader>
    
    
    </ext:store>
    
    
    <ext:Store runat="server" ID="sFields" AutoLoad="true" OnRefreshData="FieldsRefresh">
    
    
    <Reader>
    
    
    <ext:JsonReader IDProperty="id">
    
    
    <Fields>
    
    
    <ext:RecordField Name="id" Type="String" Mapping="Id" />
    
    
    <ext:RecordField Name="name" Type="String" Mapping="Name" />
    
    
    <ext:RecordField Name="coltype" Type="String" Mapping="ColType" />
    
    
    </Fields>
    
    
    </ext:JsonReader>
    
    
    </Reader>
    
    
    </ext:Store>
    
    
    <ext:FieldSet ID="viewFieldSet" runat="server" Title="Views">
    
    
    <Items>
    
    
    <ext:ComboBox TypeAhead="true" ForceSelection="true" ID="fTables" runat="server" FieldLabel="Views">
    
    
    <DirectEvents>
    
    
    <Select OnEvent="ApplyFields">
    
    
    <EventMask ShowMask="true" Msg="Loading" />
    
    
    </Select>
    
    
    </DirectEvents>
    
    
    </ext:ComboBox>
    
    
    </Items>
    
    
    </ext:FieldSet>
    
    
    <ext:FieldSet ID="critFieldSet" runat="server" Title="New Criteria">
    
    
    <Items>
    
    
    <ext:ComboBox ID="fFields" runat="server" FieldLabel="Fields" StoreID="sFields" 
    
    
    TypeAhead="true" 
    
    
    ForceSelection="true" 
    
    
    DisplayField="name" 
    
    
    ValueField="id">
    
    
    <Listeners>
    
    
    <Select Handler="#{fValue}.setValue('');#{fNumber}.setValue('');#{fDate}.setValue('');#{fOperator}.clearValue();var ct = #{fFields}.store.getAt(#{fFields}.getSelectedIndex()).get('coltype');#{hidColType}.setValue(ct);if(ct=='NUMBER'){#{fNumber}.setVisible(true);#{fDate}.setVisible(false);#{fValue}.setVisible(false);}if(ct=='NVARCHAR2'){#{fValue}.setVisible(true);#{fDate}.setVisible(false);#{fNumber}.setVisible(false);}if(ct=='DATE'){#{fDate}.setVisible(true);#{fNumber}.setVisible(false);#{fValue}.setVisible(false);}" />
    
    
    </Listeners>
    
    
    </ext:ComboBox>
    
    
    <ext:TextField ID="hidColType" runat="server" Hidden="true"></ext:TextField>
    
    
    <ext:ComboBox ID="fOperator" runat="server" FieldLabel="Operator">
    
    
    <Items>
    
    
    <ext:ListItem Text="=" Value="=" />
    
    
    <ext:ListItem Text="&amp;lt;" Value="&amp;lt;" />
    
    
    <ext:ListItem Text="&amp;lt;=" Value="&amp;lt;=" />
    
    
    <ext:ListItem Text="&amp;gt;" Value="&amp;gt;" />
    
    
    <ext:ListItem Text="&amp;gt;=" Value="&amp;gt;=" />
    
    
    <ext:ListItem Text="&amp;lt;&amp;gt;" Value="&amp;lt;&amp;gt;" />
    
    
    <ext:ListItem Text="Like" Value="Like" />
    
    
    </Items>
    
    
    </ext:ComboBox>
    
    
    <ext:TextField runat="server" ID="fValue" FieldLabel="Value"></ext:TextField>
    
    
    <ext:DateField runat="server" ID="fDate" Format="" FieldLabel="Value" Hidden="true" >
    
    
    <Listeners>
    
    
    <Change Handler="#{fValue}.setValue(this.value);" />
    
    
    </Listeners>
    
    
    </ext:DateField>
    
    
    <ext:NumberField runat="server" ID="fNumber" FieldLabel="Value" Hidden="true">
    
    
    <Listeners>
    
    
    <Change Handler="#{fValue}.setValue(this.value);" />
    
    
    </Listeners>
    
    
    </ext:NumberField>
    
    
    <ext:Button runat="server" Text="Add">
    
    
    <DirectEvents>
    
    
    <Click OnEvent="CheckInputData">
    
    
    <ExtraParams>
    
    
    <ext:Parameter Name="crit" Value="Ext.encode(#{fGrid}.getRowsValues(false))" Mode="Raw"></ext:Parameter>
    
    
    </ExtraParams>
    
    
    </Click>
    
    
    </DirectEvents>
    
    
    </ext:Button>
    
    
    </Items>
    
    
    </ext:FieldSet>
    
    
    <ext:GridPanel AutoHeight="true" StripeRows="true" 
    
    
    AutoWidth="true" runat="server" Title="Criteria"
    
    
    ID="fGrid" StoreID="sCriteria">
    
    
    <ColumnModel ID="ColumneModel1" runat="server">
    
    
    <Columns>
    
    
    <ext:RowNumbererColumn/>
    
    
    <ext:Column Sortable="false" Header="Field" DataIndex="Field"></ext:Column>
    
    
    <ext:Column Sortable="false" Header="Operator" DataIndex="Operator"></ext:Column>
    
    
    <ext:Column sortable="false" Header="Criteria" DataIndex="Criteria"></ext:Column>
    
    
    </Columns>
    
    
    </ColumnModel>
    
    
    <LoadMask ShowMask="true" />
    
    
    <BottomBar>
    
    
    <ext:PagingToolBar AutoWidth="true" ID="PagingToolBar1" runat="server" PageSize="10" StoreID="sCriteria" />
    
    
    </BottomBar>
    
    
    </ext:GridPanel>
    
    
    <ext:Button runat="server" Text="Get Results">
    
    
    <DirectEvents>
    
    
    <Click OnEvent="GetResults">
    
    
    </Click>
    
    
    </DirectEvents>
    
    
    </ext:Button>
    
    
    <ext:Panel ID="fResults" runat="server" AutoWidth="true" AutoHeight="true" AutoScroll="true">
    
    
    <Items>
    
    
    <ext:Label ID="fCount" runat="server"></ext:Label>
    
    
    </Items>
    
    
    </ext:Panel>
  2. #2

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    Hi,

    I can't reproduce it. I'll wait example from you
  3. #3

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    i am just putting a new post on the thread. I had made edits to the original. Not sure if you saw them.

    I haven't compiled in a couple days 1.0 in a couple days now either so I will be trying to do that and see if anything changes.

    Thanks,
    Ashton
  4. #4

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    Hi,

    Your code doesn't reproduce the issue (it is just user control with set of controls). Please provide full test sample which reproduces the problem
  5. #5

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    Hi,

    I think the problem related with FieldLabel. Please update from SVN and retest
  6. #6

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    Vladimir,

    You are correct this is a fieldlabel issue. But it is not getting corrected. I have downloaded the latest and rebuilt but have had no success.

    I just created a new window in my application and it is now having the same issue.

    This window before FieldLabels are added render correctly. After they appear to be render all on top of one another.

    It seems the only way it renders correctly is in a formpanel with formlayout. In my situation this is more overhead than I need. I would like to be able to drop textboxes with the labels without intializing a formpanel. In some cases i do want to use this methodology but other times I don't. What can i do?

    
    
    
    <ext:Window ID="winPrint" runat="server" Hidden="true" Width="200" Height="200" Modal="true">
    
    
    <Items>
    
    
    <ext:TextField ID="printTitle" runat="server" FieldLabel="Title"></ext:TextField>
    
    
    <ext:TextField ID="printCopy" runat="server" FieldLabel="Copy Right"></ext:TextField>
    
    
    <ext:TextField ID="printXmax" runat="server" FieldLabel="XMax"></ext:TextField>
    
    
    <ext:TextField ID="printXmin" runat="server" FieldLabel="XMin"></ext:TextField>
    
    
    <ext:TextField ID="printYmax" runat="server" FieldLabel="YMax"></ext:TextField>
    
    
    <ext:TextField ID="printYmin" runat="server" FieldLabel="YMin"></ext:TextField>
    
    
    <ext:Button ID="btnPrint" runat="server" Text="Print" OnClick="Print_Click"></ext:Button>
    
    
    </Items> 
    
    
    </ext:Window>
  7. #7

    RE: [CLOSED] [1.0] Having layout issues in ie8 only

    Hi,

    For me it works correctly. There is one issue in your code. The window's width is not enough to display label with textfield. Please increase window width or decrease LabelWidth for Window (by default LabelWidth is 100).


    Please ensure again that you use latest build

Similar Threads

  1. [CLOSED] Layout issues
    By Daly_AF in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Aug 03, 2012, 1:04 PM
  2. [CLOSED] More Layout Issues
    By FAS in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 27, 2012, 7:20 PM
  3. [CLOSED] Ipad 3 layout issues
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 21, 2012, 11:22 AM
  4. [CLOSED] Layout issues
    By sadaf in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 25, 2010, 2:25 PM
  5. [CLOSED] [1.0] iFrame and IE7 layout issues
    By betamax in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Oct 01, 2010, 2:00 PM

Posting Permissions