[CLOSED] Mandatory Field Indicator displayed inside combobox

**AnulekhaK** · Jan 30, 2012, 10:29 AM

Hi,

The mandatory field indicator for combobox is coming inside the combobox. Once we resze the page, it aligns properly. This is happening in IE and FF.

Click image for larger version.

Name: ComboboxUI Issue.jpg
Views: 131
Size: 6.9 KB
ID: 3785

Please advise.

Thanks
Anulekha

**Daniil** · Jan 30, 2012, 11:17 AM

Hi,

Are the ComboBoxes inside a FormLayout?

The field indicator feature requires to be used within a FormLayout context.

**AnulekhaK** · Jan 30, 2012, 11:22 AM

Originally Posted by Daniil

Hi,

Are the ComboBoxes inside a FormLayout?

The field indicator feature requires to be used within a FormLayout context.

hi Daniil,

The combo boxes are inside container with form-layout.

Thanks
Anulekha

**Daniil** · Jan 30, 2012, 11:28 AM

I was unable to reproduce.

Example

<%@ Page Language="C#" %>
 
<%@ 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 runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Container runat="server" Layout="FormLayout">
            <Items>
                <ext:ComboBox runat="server" FieldLabel="ComboBox" IndicatorIcon="BulletRed" />
                <ext:ComboBox runat="server" FieldLabel="ComboBox" IndicatorIcon="BulletRed" />
            </Items>
        </ext:Container>
    </form>
</body>
</html>

Could you provide your sample to reproduce?

**AnulekhaK** · Jan 30, 2012, 11:34 AM

Hi Daniil,

Below is the code.

  <nxtwc:NxtFormPanel ID="pnlRGS" runat="server" AnchorHorizontal="100%" AnchorVertical="100%"
            BodyStyle="background-color: #DFE8F6;" Border="false" AutoScroll="true">
            <Items>
                <ext:Container ID="cntMainRGS" runat="server" Layout="ColumnLayout" AnchorVertical="100%"
                    AnchorHorizontal="100%" BodyStyle="background-color: #DFE8F6;">
                    <Items>
                        <ext:Container ID="cntRGSType" runat="server" ColumnWidth=".5" BodyStyle="background-color: #DFE8F6;"
                            Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%" LabelWidth="150">
                            <Items>
                                <nxtwc:NxtDisplayField ID="dispRGSCompany" DataIndex="CompanyName" runat="server"
                                    FieldLabel="Company" AnchorHorizontal="70%">
                                </nxtwc:NxtDisplayField>
                                <nxtwc:NxtComboBox ID="cmbRGSRouteType" DataIndex="RouteType" runat="server" FieldLabel="RouteType"
                                    StoreID="dsRouteType" IndicatorIcon="BulletRed" FireSelectOnLoad="true" DisplayField="Name"
                                    ValueField="ID" AnchorHorizontal="70%">
                                    <Listeners>

                                    <Select Handler ="
                                    
                                    SetRouteTypeView({RouteTypeCombo:#{cmbRGSRouteType},
                                    SourceLocCombo:#{cmbRGSSrcLocation},SupplierTypeCombo:#{cmbRGSSupplierType},
                                    SuppliersCombo:#{cmbRGSSupplierName},TransferLeadTime:#{txtRGSTransferTime}});" />
                                    </Listeners>
                                    
                                    
                                </nxtwc:NxtComboBox>
                                <nxtwc:NxtTextField ID="txtRGSRouteName" DataIndex="RouteName" runat="server" FieldLabel="RouteName"
                                    IndicatorIcon="BulletRed" AnchorHorizontal="70%"></nxtwc:NxtTextField>
                                <nxtwc:NxtComboBox ID="cmbRGSDestLocation" DataIndex="DestinationLocation" runat="server"
                                    StoreID="dsStockingLocation" FieldLabel="DestinationLoc" IndicatorIcon="BulletRed"
                                    DisplayField="Name" ValueField="ID" AnchorHorizontal="70%">
                                    
                                    
                                    
                                </nxtwc:NxtComboBox>
                                <nxtwc:NxtComboBox ID="cmbRGSSrcLocation" DataIndex="SourceLocation" runat="server"
                                    FieldLabel="SourceLoc" IndicatorIcon="BulletRed" AnchorHorizontal="70%" DisplayField="Name"
                                    ValueField="ID" StoreID="dsSourceStockingLocations" Hidden="true">
                                   
                                    
                                </nxtwc:NxtComboBox>
                                <nxtwc:NxtComboBox ID="cmbRGSSupplierType" FireSelectOnLoad="true" DataIndex="SupplierType"
                                    runat="server" FieldLabel="SupplierType" IndicatorIcon="BulletRed" DisplayField="Name"
                                    ValueField="ID" StoreID="dsSupplierType" AnchorHorizontal="70%" Hidden="true">
                                    
                                     <Listeners>

                                    <Select Handler ="

                                    SetSupplierTypeView({ComboSupplierType:#{cmbRGSSupplierType},ComboSuppliers:#{cmbRGSSupplierName}});
                                    " />
                                    
                                    
                                    </Listeners>
                                </nxtwc:NxtComboBox>
                                <nxtwc:NxtComboBox ID="cmbRGSSupplierName" DataIndex="SupplierName" runat="server"
                                    FieldLabel="SupplierName" IndicatorIcon="BulletRed" AnchorHorizontal="70%" DisplayField="Name"
                                    ValueField="ID" StoreID="dsSuppliers" Hidden="true"></nxtwc:NxtComboBox>
                            </Items>
                        </ext:Container>
                        <ext:Container ID="cntRGSOthers" runat="server" ColumnWidth=".5" BodyStyle="background-color: #DFE8F6;"
                            Layout="FormLayout" AnchorVertical="100%" AnchorHorizontal="100%" LabelWidth="150">
                            <Items>
                                <nxtwc:NxtComboBox ID="cmbRGSItemClassification" DataIndex="ItemClassification" runat="server"
                                    FieldLabel="ItemClassification" AnchorHorizontal="70%">
                                    <Items>
                                    <ext:ListItem Text="All" Value="All" AutoDataBind="true" />
                                    
                                    </Items>
                                    
                                </nxtwc:NxtComboBox>
                                <nxtwc:NxtNumberField ID="txtRGSTransferTime" DataIndex="TranferLeadTime" runat="server"
                                    FieldLabel="TransferTime" AnchorHorizontal="70%" Hidden="true"></nxtwc:NxtNumberField>
                                <nxtwc:NxtCheckbox ID="chkRGSApprovalRequired" DataIndex="IsApprovalRequired" runat="server"
                                    FieldLabel="ApprovalReq">
                                </nxtwc:NxtCheckbox>
                                <nxtwc:NxtTextArea ID="txtareaRGSRouteDesc" DataIndex="Description" runat="server"
                                    FieldLabel="RouteDescription" AnchorHorizontal="70%">
                                </nxtwc:NxtTextArea>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
            </Items>
                  </nxtwc:NxtFormPanel>

Originally Posted by Daniil

I was unable to reproduce.

Example

<%@ Page Language="C#" %>
 
<%@ 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 runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Container runat="server" Layout="FormLayout">
            <Items>
                <ext:ComboBox runat="server" FieldLabel="ComboBox" IndicatorIcon="BulletRed" />
                <ext:ComboBox runat="server" FieldLabel="ComboBox" IndicatorIcon="BulletRed" />
            </Items>
        </ext:Container>
    </form>
</body>
</html>

Could you provide your sample to reproduce?

**Daniil** · Jan 30, 2012, 11:45 AM

I can't run your code because it throws errors, but created my own sample based on your one. Though I still can't to reproduce the problem.

Example

<%@ Page Language="C#" %>

<%@ 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 runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel runat="server" Height="200">
            <Items>
                <ext:Container 
                    runat="server" 
                    Layout="ColumnLayout" 
                    AnchorHorizontal="100%" 
                    AnchorVertical="100%">
                    <Items>
                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth="0.5">
                            <Items>
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                            </Items>
                        </ext:Container>
                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth="0.5">
                            <Items>
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
            </Items>
        </ext:FormPanel>
    </form>
</body>
</html>

**AnulekhaK** · Jan 31, 2012, 4:13 AM

Hi Daniil,

We have 2 combo boxes hidden in 2nd container . Based on certain selection this is made visible. We are getting alignment issue for these controls.

Thanks
Anulekha

Originally Posted by Daniil

I can't run your code because it throws errors, but created my own sample based on your one. Though I still can't to reproduce the problem.

Example

<%@ Page Language="C#" %>

<%@ 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 runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel runat="server" Height="200">
            <Items>
                <ext:Container 
                    runat="server" 
                    Layout="ColumnLayout" 
                    AnchorHorizontal="100%" 
                    AnchorVertical="100%">
                    <Items>
                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth="0.5">
                            <Items>
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                            </Items>
                        </ext:Container>
                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth="0.5">
                            <Items>
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                                <ext:ComboBox 
                                    runat="server" 
                                    FieldLabel="ComboBox" 
                                    IndicatorIcon="BulletRed" 
                                    AnchorHorizontal="70%" />
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
            </Items>
        </ext:FormPanel>
    </form>
</body>
</html>

**Daniil** · Jan 31, 2012, 8:12 AM

Originally Posted by AnulekhaK

We have 2 combo boxes hidden in 2nd container . Based on certain selection this is made visible. We are getting alignment issue for these controls.

Please try to set up HideMode="Offsets" for that container.

Thread: [CLOSED] Mandatory Field Indicator displayed inside combobox

Thread Tools

Search Thread

Display

[CLOSED] Mandatory Field Indicator displayed inside combobox

Similar Threads

[CLOSED] Set HTMLEditor as a Mandatory field

Display Text Field As Mandatory -- Before Submit

Field indicator not showing?

[CLOSED] [1.0] Mandatory field indicator on textfield within FormPanel

[CLOSED] Issue w/new Field.Indicator

Posting Permissions

Sitemap

Downloads

Resources

Thread: [CLOSED] Mandatory Field Indicator displayed inside combobox

[CLOSED] Mandatory Field Indicator displayed inside combobox

Similar Threads

Posting Permissions

Sitemap

Downloads

Resources

Stay connected with us