[CLOSED] Pecilluar issue in the DropDown, UI Issue

[Shanth]

Hi

As shown in the Attachement(DropDown1.jpg) the UI is perfect for Location DropDown when it is loaded,
but when i move the mouse, to the arrow of location dropdown, the dropdown contols position gets changed as shown in Attachment(DropDown2.jpg)
And when i click on any other place in the screen, the location dropdown comes to its orignal position as shown in Attachment(DropDown1.jpg).
IS there any this wrong, am i doing...

Below is the code

<nxtwc:NxtFitLayout ID="flUNF" runat="server">
    <Items>
        <nxtwc:NxtFormPanel ID="pnlUNF" runat="server" AnchorHorizontal="100%" AnchorVertical="100%"
            BodyBorder="false" Border="false" BodyStyle="background-color: #DFE8F6" Padding="10">
            <Items>
                <nxtwc:NxtPanel ID="pnlUNFCriteria" runat="server" Border="false" BodyStyle="background-color: #DFE8F6;">
                    <Items>
                        <ext:RadioGroup ID="rgUNFCriteria" runat="server" ColumnsWidths="100,400">
                            <Items>
                                <nxtwc:NxtRadio ID="rdoUNFNoFilter" runat="server" BoxLabel="NoFilter" />
                                <nxtwc:NxtRadio ID="rdoUNFFilter" runat="server" BoxLabel="Filter" Checked="true" />
                            </Items>
                        </ext:RadioGroup>
                    </Items>
                </nxtwc:NxtPanel>
                <ext:Container ID="cntMainUNF" runat="server" Layout="ColumnLayout" Height="30" AnchorHorizontal="100%"
                    BodyStyle="background-color: #DFE8F6;">
                    <Items>
                        <ext:Container ID="cntUNFItem" runat="server" ColumnWidth=".5" BodyStyle="background-color: #DFE8F6;"
                            Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%" LabelWidth="130">
                            <Items>
                                <nxtwc:NxtComboBox ID="cmbUNFItem" runat="server" FieldLabel="Item" Width="150" DataIndex="Item"
                                    StoreID="UNFItemStore" DisplayField="Field" ValueField="ID" TypeAhead="true"
                                    Editable="false" />
                            </Items>
                        </ext:Container>
                        <ext:Container ID="cntUNFValue" runat="server" ColumnWidth=".5" BodyStyle="background-color: #DFE8F6;"
                            Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%">
                            <Items>
                                <nxtwc:NxtComboBox ID="cmbUNFValue" runat="server" FieldLabel="Value" Width="150"
                                    DataIndex="Value" StoreID="UNFValueStore" DisplayField="Field" ValueField="ID"
                                    TypeAhead="true" Editable="false" />
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
                <ext:Container ID="Container1" runat="server" Layout="ColumnLayout" AnchorHorizontal="100%"
                    BodyStyle="background-color: #DFE8F6;">
                    <Items>
                        <ext:Container ID="Container2" runat="server" ColumnWidth="1" BodyStyle="background-color: #DFE8F6;"
                            Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%" LabelWidth="130">
                            <Items>
                                <ext:CheckboxGroup ID="cgInventory" runat="server" FieldLabel="Inventory Type">
                                    <Items>
                                        <nxtwc:NxtCheckbox ID="ckhUNFStandard" runat="server" BoxLabel="Standard" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFVMI" runat="server" BoxLabel="VMI" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFConsignment" runat="server" BoxLabel="Consignment" />
                                    </Items>
                                </ext:CheckboxGroup>
                                <nxtwc:NxtComboBox ID="cmbUNFCompany" runat="server" FieldLabel="Company" Width="395"
                                    DataIndex="Compnay" StoreID="UNFCompanyStore" DisplayField="Field" ValueField="ID"
                                    TypeAhead="true" Editable="false" />
                                <ext:CheckboxGroup ID="cgLocation" runat="server" FieldLabel="Location Type">
                                    <Items>
                                        <nxtwc:NxtCheckbox ID="ckhUNFSafety" runat="server" BoxLabel="Safety" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFSecure" runat="server" BoxLabel="Secure" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFSelect" runat="server" BoxLabel="Select" />
                                        <nxtwc:NxtCheckbox ID="chkUNFExpress" runat="server" BoxLabel="Express" />
                                    </Items>
                                </ext:CheckboxGroup>
                                <nxtwc:NxtDropDownField ID="DropDownField1" runat="server" Editable="false" Width="395"
                                     FieldLabel="Location">
                                    <Component>
                                        <ext:GridPanel ID="GridPanel1" runat="server" Height="350" AutoExpandColumn="LocName"
                                            Frame="true" StoreID="UNFLocationStore">
                                            <ColumnModel ID="ColumnModel1" runat="server">
                                                <Columns>
                                                    <ext:Column Header="ID" DataIndex="ID" Hidden="true" />
                                                    <ext:Column ColumnID="LocName" Header="LocName" DataIndex="LocName" Width="220" />
                                                </Columns>
                                            </ColumnModel>
                                            <SelectionModel>
                                                <ext:CheckboxSelectionModel ID="cbsmUNF"  runat="server" HideCheckAll="true" CheckOnly="true">
                                                    <Listeners>
                                                        <RowSelect Handler="GridRowSelectHandler(#{cbsmUNF},#{DropDownField1},#{UNFLocationStore});" />
                                                        <RowDeselect Handler="GridRowDeselecttHandler(#{cbsmUNF},#{DropDownField1},#{UNFLocationStore});" />
                                                    </Listeners>
                                                </ext:CheckboxSelectionModel>
                                            </SelectionModel>
                                            <View>
                                                <ext:GridView ID="gvUNF" ForceFit="true" MarkDirty="false" EmptyText="No Data Available." />
                                            </View>
                                        </ext:GridPanel>
                                    </Component>
                                </nxtwc:NxtDropDownField>
                                <nxtwc:NxtComboBox ID="cmbUNFPerformedBy" runat="server" FieldLabel="PerformedBy"
                                    Width="395" DataIndex="PerformedBy" StoreID="UNFPerformedBYStore" DisplayField="Field"
                                    ValueField="ID" TypeAhead="true" Editable="false" />
                                <ext:CheckboxGroup ID="cgReplenishment" runat="server" FieldLabel="Replenishment Method">
                                    <Items>
                                        <nxtwc:NxtCheckbox ID="ckhUNFMinMax" runat="server" BoxLabel="MinMax" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFMinROQ" runat="server" BoxLabel="MinROQ" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFCriticalMax" runat="server" BoxLabel="CriticalMax" />
                                        <nxtwc:NxtCheckbox ID="ckhUNFCriticalROQ" runat="server" BoxLabel="CriticalROQ" />
                                    </Items>
                                </ext:CheckboxGroup>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
            </Items>
        </nxtwc:NxtFormPanel>
    </Items>
</nxtwc:NxtFitLayout>

[Daniil]

Hi,

I see "IE8 Compat View" and "IE7 Standards". Any IE compatibility modes are not officially supported.

Is the problem reproducible with the "clear" IE9?

[Shanth]

Hi Daniil

I have attached a screen shot (IE8_standard.jpg) ie, with out compat view,
but here it displays only Radiobuttongroup which is inside panel(pnlUNFCriteria) and a comboboxes within the container(cntMainUNF)
where it does not display any controls which is there in the Container(Container1) for the same code.

Thanks

[Daniil]

Could you provide a runnable sample to reproduce the problem?

[Shanth]

Hi Danill,

The solution is i just removed the continer(Container1) and using only one continer(Container2).

It worked...

Thanks for your Help...