I have a webdatagrid that has the editor provider set up just like the examples. I am testing in IE11. I am using Version=14.1.20141.1015. When I am in compatibility view the editor date box shows up. It does not when not in compatibility view. I don't want to set the meta http-equiv="X-UA-Compatible" because I want to use the latest browser. If I set it to compatibility view I can see the input area.
I have attached an image. The image shows a datepicker above the webdatagrid and a webdatepicker in the webdatagrid. The calendar button of course only shows up in the webdatagrid once the editor provider is selected, but only the button shows up. ?? How do I get the input box to display along with the button when not in compatibility view? I don't want to rely on compatibility view.
Hello,
I suggest you to use the latest Service Release for this product and it is currently 14.1.20141.2692. It includes all the fixes created after the initial volume release (14.1.20141.1015). You could easily test with the latest files using our CDN. For example:
<!-- Ignite UI Required Combined CSS Files --><link href="http://cdn-na.infragistics.com/igniteui/2014.1/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /><link href="http://cdn-na.infragistics.com/igniteui/2014.1/latest/css/structure/infragistics.css" rel="stylesheet" />
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<!-- Ignite UI Required Combined JavaScript Files --><script src="http://cdn-na.infragistics.com/igniteui/2014.1/latest/js/infragistics.core.js"></script><script src="http://cdn-na.infragistics.com/igniteui/2014.1/latest/js/infragistics.lob.js"></script>
Please let me know of the outcome in the same test scenario, when using latest IgniteUI resource files.
I am not using Ignite UI controls. I am using simple asp controls compiling in .net 4.0. The web date picker works fine outside of the webdatagrid. I am testing in IE 11 without compatibility view. I should not have to use compatibility view.
Thank you for the details.
Are you using a DateTime column DataType? It seems there could be something wrong in approach you are using.
In order to illustrate a working approach for a WebDatePicker editor in WDG, I have created the following code sample. Please refer to the attachment as well as the following online sample: http://www.infragistics.com/samples/aspnet/data-grid/editing-editor-providers
I have this happening to 2 different grids. A WHDG and a WebDataGrid. Here is my code for both. I can't see any difference in your code and mine.
GRID #1
<ig:WebHierarchicalDataGrid ID="whdgVMSoftware" runat="server" Width="100%" DataMember="Parent" DataKeyFields="VMContractID"
InitialDataBindDepth="1" InitialExpandDepth="1" AutoGenerateColumns="False" OnRowUpdating="whdgVMSoftware_RowUpdating">
<ExpandCollapseAnimation SlideOpenDirection="Auto"
SlideOpenDuration="300" SlideCloseDirection="Auto"
SlideCloseDuration="300" />
<EditorProviders>
<ig:DatePickerProvider ID="DatePickerProvider" EditorControl-Width="110px" EditorControl-HorizontalAlign="Center">
<EditorControl runat="server" DataType="DateTime"></EditorControl>
</ig:DatePickerProvider>
<ig:TextEditorProvider ID="TB1Provider" EditorControl-Width="400px">
<EditorControl runat="server" Width="400px" ClientIDMode="Predictable"></EditorControl>
</ig:TextEditorProvider>
<ig:TextEditorProvider ID="TB2Provider">
<EditorControl runat="server" ClientIDMode="Predictable">
</EditorControl>
</EditorProviders>
<Bands>
<ig:Band AutoGenerateColumns="False" DataMember="Child" ShowHeader="true" ItemCssClass="DetailsItem" AltItemCssClass="DetailsAltItem" >
<Columns>
<ig:BoundDataField DataFieldName="VMLicenseID" Key="VMLicenseID" Hidden="true"></ig:BoundDataField>
<ig:BoundDataField DataFieldName="VMLicenseNumber" Key="VMLicenseNumber" Header-Text="License #">
<Header Text="License #"></Header>
</ig:BoundDataField>
<ig:BoundDataField DataFieldName="VMNumOfProcessors" Key="VMNumOfProcessors" Header-Text="Number of Processors">
<Header Text="Qty"></Header>
<ig:TemplateDataField Width="30px" Key="Delete" >
<ItemTemplate>
<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="Delete" ImageUrl="~/Images/delete.gif" OnClick="btnDelete_Click"/>
</ItemTemplate>
</ig:TemplateDataField>
</Columns>
</ig:Band>
</Bands>
<ig:BoundDataField DataFieldName="VMContractID" Key="VMContractID" Hidden="true"></ig:BoundDataField>
<ig:BoundDataField DataFieldName="ContractNumber" Key="ContractNumber" Header-Text="Contract #" Width="150px">
<Header Text="Contract #"></Header>
<ig:BoundDataField DataFieldName="AccountNumber" Key="AccountNumber" Header-Text="Acct #" Width="150px">
<Header Text="Acct #"></Header>
<ig:BoundDataField DataFieldName="AccountName" Key="AccountName" Header-Text="Acct Name">
<Header Text="Acct Name"></Header>
<ig:BoundDataField DataFieldName="SupportExpDate" Key="SupportExpDate" DataFormatString="{0:d}" Header-Text="Support Expires" Width="135px">
<Header Text="Support Expires"></Header>
<Behaviors>
<ig:EditingCore AutoCRUD="true">
<ig:CellEditing Enabled="true">
<EditModeActions EnableF2="true" EnableOnActive="true" MouseClick="Single" />
<ColumnSettings>
<ig:EditingColumnSetting ColumnKey="SupportExpDate" EditorID="DatePickerProvider" />
<ig:EditingColumnSetting ColumnKey="ContractNumber" EditorID="TB1Provider" />
<ig:EditingColumnSetting EditorID="TB2Provider" ColumnKey="AccountName" />
</ColumnSettings>
<CellEditingClientEvents ExitingEditMode="ExitedEditModeClientEvent" />
</ig:CellEditing>
</Behaviors>
</ig:EditingCore>
<ig:Activation Enabled="true">
</ig:Activation>
</ig:WebHierarchicalDataGrid>
GRID #2
<ig:WebDataGrid ID="wdgTransactions" runat="server" Width="900px" AutoGenerateColumns="False" DataKeyFields="TransactionID" EnableAjax="false"
OnRowUpdating="wdgTransactions_RowUpdating" OnInitializeRow="wdgTransactions_InitializeRow">
<ig:TextBoxProvider ID="ConNumProvider" EditorControl-Enabled="true" EditorControl-AutoPostBack="true">
<EditorControl ClientIDMode="Predictable"></EditorControl>
</ig:TextBoxProvider>
<ig:DatePickerProvider ID="WarrantyProvider" EditorControl-Enabled="true" EditorControl-AutoPostBackFlags-ValueChanged="On"
EditorControl-Width="100px" EditorControl-Height="15px" EditorControl-DataMode="Date" EditorControl-NullText="" EditorControl-HorizontalAlign="Center">
<ig:BoundDataField DataFieldName="TransactionID" Key="TransactionID" Hidden="true"></ig:BoundDataField>
<ig:BoundDataField DataFieldName="ADPEAcct" Key="ADPEAcct" Width="72px">
<Header Text="ADPE #">
</Header>
<ig:BoundDataField DataFieldName="LicenseCount" Key="LicenseCount" Width="65px">
<Header Text="Licenses">
<ig:BoundDataField DataFieldName="ContractNumber" Key="ContractNumber" Width=" 200px">
<Header Text="Contract #">
<ig:BoundDataField DataFieldName="Comments" Key="Comments" Width="100%">
<Header Text="Comments">
<ig:BoundDataField DataFieldName="WarrantyDate" Key="WarrantyDate" Width="105px" DataType="System.DateTime">
<Header Text="Warranty">
<ig:EditingCore AutoCRUD="false">
<EditModeActions MouseClick="Single" />
<EditModeActions EnableF2="true" />
<ig:EditingColumnSetting ColumnKey="ContractNumber" EditorID="ConNumProvider" />
<ig:EditingColumnSetting ColumnKey="Count" ReadOnly="true" />
<ig:EditingColumnSetting ColumnKey="Comments" ReadOnly="true" />
<ig:EditingColumnSetting ColumnKey="ADPEAcct" ReadOnly="true" />
<ig:EditingColumnSetting ColumnKey="WarrantyDate" EditorID="WarrantyProvider" />
<EditModeActions EnableOnActive="True" MouseClick="Single" />
</ig:WebDataGrid>
I did try to use the html button here and all I can see is 2 little images to the left of this editor. ?? Not sure why.