Hello,
We are using Infragistics4
Version=11.1.20111.2064
The below controls
UltraWebGrid WebCombo WebDateChooser UltraWebListbar WebCalendar UltraWebTab WebTextEdit WebNumericEdit WebDateTimeEdit UltraWebTree WebPanel WebNavBar UltraWebGridExcelExporter
We need to migrate them to Infragistics latest version of controls as the previous version is not support in new browsers. We are in need of equivalent events(Server Side and Client Side Events, Properties and the changes to be done) so that we will be able to migrate to latest version of Controls.
We are using the below mentioned features in the existing controls.
Kindly let us know the equivalent when converting the below webdatechooser to webdatepicker control
<igsch:WebDateChooser ID="Txt_doj" runat="server" CssClass="cal_txton" Width="96px"
Height=" " Text="18/06/2004" NullDateLabel=" " BorderStyle="Solid" Style="position: static"
meta:resourcekey="Txt_dojResource1">
<EditStyle CssClass="cal_lblon">
<Padding Bottom="2px"></Padding>
</EditStyle>
<CalendarLayout FooterFormat="Today: {0:d}" CellPadding="0">
<DayStyle CssClass="cal_altcell"></DayStyle>
<FooterStyle CssClass="cal_gdhder"></FooterStyle>
<SelectedDayStyle CssClass="cal_selcell"></SelectedDayStyle>
<OtherMonthDayStyle CssClass="cal_defcell"></OtherMonthDayStyle>
<NextPrevStyle CssClass="cal_next"></NextPrevStyle>
<CalendarStyle CssClass="cal_defcell">
</CalendarStyle>
<DropDownStyle CssClass="cal_txton">
</DropDownStyle>
<DayHeaderStyle CssClass="cal_gdhder"></DayHeaderStyle>
</CalendarLayout>
<DropDownStyle CssClass="cal_defcell">
<DropButton ImageUrl2="../images/calendar/dropbtn.gif" ImageUrl1="../images/calendar/dropbtn.gif">
</DropButton>
<ExpandEffects ShadowColor=""></ExpandEffects>
</igsch:WebDateChooser>
Kindly let us know how to implement the above using 13.2 version
Hello sphinx,
In your particular scenario I would suggest using a separate WebMonthCalendar, set as the calendar to be used by the WebDatePicker:
<ig:WebDatePicker ID="WebDatePicker1" NullText=" " runat="server" DropDownCalendarID="WebMonthCalendar1" Fields="2013-1-1-0-0-0-0"> </ig:WebDatePicker>
<ig:WebMonthCalendar ID="WebMonthCalendar1" FooterContent="Today: {0:d}" runat="server"> </ig:WebMonthCalendar>
This will allow using the calendar's CSS class properties in order to style it. The calendar's footer value may be set through theFooterContentproperty.
The date picker's DropDown button image css may be set through the Buttons-ButtonImgCss property. You may also be interested in setting a custom button for the date picker in this scenario:
http://help.infragistics.com/doc/ASPNET/2013.2/CLR4.0/?page=WebDatePicker_Using_Custom_Button_in_WebDatePicker.html
Hope this helps.
Please feel free to contact me if you have any additional questions regarding this matter.
I am trying this solution and trying to access the renderDay event from the calendar control.
Using custom days type routine, when they drop down the calendar, I need to have some days have a color change.
Here is the client JS that is rendered...
Do you see any issue as to why it isn't working?
EDIT... Oddly enough this wouldn't work with the events assigned in the server side code, when I assigned the events in the aspx code it worked fine
// var customDays = [[2014,12,31,'Red','This day is closed for New Year~s Day.'], [2014,12,24,'Red','This day is closed for Christmas.'], [2014,11,26,'Red','This day is closed for Day After Thanksgiving.'], [2014,11,25,'Red','This day is closed for Thanksgiving.'], [2014,9,6,'Red','This day is closed for Labor Day.'], [2014,7,4,'Red','This day is closed for Independence Day.'], [2014,5,31,'Red','This day is closed for Memorial Day.'], [2014,1,19,'Red','This day is closed for Martin Luther King Jr. Day.'], [2014,1,1,'Red','This day is closed for New Year~s Day.']] // ]]> // function renderDay(sender,evt) { try { var gday = evt.get_day(); if(customDays == null) return; var d, back = ""; var i = customDays.length; while(i-- > 0) { d = customDays[i]; if(d == null || d.length if((d[0] == -1 || d[0] == gday.year) && (d[1] if(!gday.selected) back = d[3]; break; } } gday.element.style.backgroundColor = back; gday.element.style.backgroundRepeat = "no-repeat"; } catch (ex){ if (ex.name == "TypeError") null; else alert (ex.name); }} // ]]> // function dayChanged(sender, e){ var dates = new Date(e.get_dates()); if(customDays == null || dates == null) return; var year = dates.getFullYear(); var month = dates.getMonth() + 1; var day = dates.getDate(); var reason = ""; var i = customDays.length; while(i-- > 0) { var d = customDays[i]; if(d == null || d.length if((d[0] == -1 || d[0] == year) && (d[1] reason = d[4]; e._cancel = true; } } if (isPresent(reason)){ reason = reason.replace("~","'"); alert (reason); }} // ]]>
Hello Daryl007,
Thank you for your response and sharing your solution. In the old controls, successfully setting the even handlers from the code behind is not done as in the AIKIDO controls via delegates and that is one possible reason for the handlers not firing previously. Setting the event handlers from the code-behind is the best approach in this case.