[CLOSED] Pecilluar issue in the DropDown, UI Issue

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1

    [CLOSED] Pecilluar issue in the DropDown, UI Issue

    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>
    Attached Thumbnails Click image for larger version. 

Name:	DropDown1.jpg 
Views:	93 
Size:	91.3 KB 
ID:	3850   Click image for larger version. 

Name:	DropDown2.jpg 
Views:	88 
Size:	91.0 KB 
ID:	3851  
    Last edited by Daniil; Feb 22, 2012 at 12:05 PM. Reason: [CLOSED]
  2. #2
    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?
  3. #3
    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
    Attached Thumbnails Click image for larger version. 

Name:	IE8_Standard.jpg 
Views:	71 
Size:	88.4 KB 
ID:	3853  
  4. #4
    Could you provide a runnable sample to reproduce the problem?
  5. #5
    Hi Danill,

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

    It worked...

    Thanks for your Help...

Similar Threads

  1. [CLOSED] Issue with dropdown box's value to apply to EXT.NET
    By rosua in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 12, 2012, 9:08 AM
  2. Replies: 6
    Last Post: Jan 28, 2012, 1:14 AM
  3. Replies: 2
    Last Post: May 14, 2011, 6:29 PM
  4. Replies: 6
    Last Post: Feb 08, 2011, 6:17 PM
  5. [CLOSED] Window | Toolbar | DropDown | IE Rendering Issue
    By amitpareek in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 28, 2009, 12:52 PM

Posting Permissions