Jan 12, 2010, 10:54 PM
[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.
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="&lt;" Value="&lt;" />
<ext:ListItem Text="&lt;=" Value="&lt;=" />
<ext:ListItem Text="&gt;" Value="&gt;" />
<ext:ListItem Text="&gt;=" Value="&gt;=" />
<ext:ListItem Text="&lt;&gt;" Value="&lt;&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>