Hi,
I have an issue with webDateTimePicker
I'm using infragistics4 v11.1
I have a web form and I'm using two webDateTimePicker. When I run application on localhost it runs perfectly, but when I copy files (libraries and folder ig_res) to a remote server and then I try to show my web page, both webDateTimePicker don't respond when I click on them, then I put the mouse over the control and it shows a tooltip with "{0}".
I've been searching information, but I couln't find anything about.
Am I missing some file or some code that is needed to add on my project? I hope you can help me.
Regards
Hi Juan,
What you described is not related to ig_res, but to failure to create javascript object which is used by WebDatePicker on client. There are 2 things are possible:
1. js files used by control are not loaded. By default they are loaded from embedded resources of dll. 2. Initialization java scrip fails.
Functionality of any Infragistics.Web.UI (or WebUI) control works similar way.
If you look at source of generated html then somewhere at the top you will find multiple script objects generated by server for embeded resources for ScriptManager and Infragistics controls. They may appear like:
<script src="/YourWebSite/ScriptResource.axd?d=Nb1o..." type="text/javascript"></script>
At the bottom of page, you should find initialization scripts for all javascript controls including WebDatePicker. They may appear like:
Sys.Application.add_init(function() { $create(Infragistics.Web.UI.WebDatePicker, {"id":"WebDatePicker1",...);});Sys.Application.add_init(function() { $create(Infragistics.Web.UI.WebMonthCalendar, ...));});
If those lines are there, but control does not work, then it can be security or similar issue.
Viktor,
I have similar issue and I can see these two scripts in my view source as you mentioned. How do I resolve this issue? When I click on the down arrow (for the calendar) nothing happens.
Please help me.
Thanks Very Much...
Hi Vellabadu,
If WebDatePicker is located in initially hidden container, which is conditionally gets visible on some server event (mostly in combination of Ajax/UpdatePanel), then it is possible that sending js file used by WebMonthCalendar may fail. If it is the case, then I can suggest 2 ways around:
1. Unconditionally render/ensure shared WebMonthCalendar. That statement should be used in a Page where WebDatePicker is located:
protected void Page_Load(object sender, EventArgs e) { Infragistics.Web.UI.EditorControls.WebDatePicker.EnsureSharedCalendar(this); }
2. Add to page WebMonthCalendar and set its ID/ClientID to the WebDatePicker.DropDownCalendarID
I was having a similar issue with a WebDatePicker within a gridView not showing the drop down calendar.
Once I read Viktor's response like 3 times the light bulb went off. What I had to do is drop a WebMonthCalendar on the form and tie the DropDownCalendarID to that control.
EG:
<asp:GridView ... />
<Columns>
<asp:TemplateField HeaderText="Hire Date" ItemStyle-Width="100px"> <ItemTemplate> <ig:WebDatePicker ID="dtHireDate" runat="server" StyleSetName="WestonBlue" Width="100%" Value='<%# Bind("Hire_Date") %>' DropDownCalendarID="IDDDlCal"> </ig:WebDatePicker> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> <ig:WebMonthCalendar ID="IDDDlCal" runat="server" StyleSetName="WestonBlue"> </ig:WebMonthCalendar >
Sorry, the post got cut off due to paste:
I was having a similar issue with a WebDatePicker within a gridView not showing the drop down calendar.Once I read Viktor's response like 3 times the light bulb went off. What I had to do is drop a WebMonthCalendar on the form and tie the DropDownCalendarID to that control.EG:<asp:GridView ... /> <Columns> <asp:TemplateField HeaderText="Hire Date" ItemStyle-Width="100px"> <ItemTemplate> <ig:WebDatePicker ID="dtHireDate" runat="server" StyleSetName="WestonBlue" Width="100%" Value='<%# Bind("Hire_Date") %>' DropDownCalendarID="IDDDlCal"> </ig:WebDatePicker> </ItemTemplate> </asp:TemplateField> </Columns></asp:GridView><ig:WebMonthCalendar ID="IDDDlCal" runat="server" StyleSetName="WestonBlue"></ig:WebMonthCalendar >