iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi, We recently upgarded our applilaction with new version of controls of Intersoft. In this version WebCalendar lost its multiselect functionality and on click on any date increase the date cell's height. Intersoft provided 2 sample files; one as "ISNet.WebUI.Samples" and second as "WebUI.Unified.Samples" . Multiple selection is working in "WebUI.Unified.Samples" but not in"ISNet.WebUI.Samples". I modified both sample's AcademicCalendar.aspx pages and attaching for your view. Also second issue can be replicated on your live sample site also. Just Click on a date several time and you will see the issue. link is http://live.intersoftsolutions.com/cs/WebEssentials/WebCalendar/RangeOfChart_MetroStyle.aspx?noframe=1&path=/WebEssentials/Calendar . May be someone would suggest that we should use Unified theming but that is not solution. It should work for intersoft samples. Changing them require a lot of testing prior to deploy to client side and after getting new version of controls our planner pages are not working for miltiple selection. Live sample was checked on Window 10 pro IE 11 where attached samples are on IE 10. Can you look on the issue that what should need to do for WebCalendar multiple selection and height issue !regardsSachin
Hello Sachin,
First of all I'm sorry if you feel obliged that previously I asked you to migrate to Unified Theming. The reason I did it was because many of our previously styling issues have been improved in Unified Theming as well.
Anyway, your reported problems do happen on our end, and these will be addressed as issues. We'll also keep looking if there's any workaround for the moment.
Best Regards,Erwin Sanders
Hi Sachin,
Here's the nightly-built hotfix for fixing the multiple selection date issue that you reported. As for the calendar height issue that changes by itself everytime the date is clicked, we are still investigating on that.
To apply the WebEssentials hotfix, please follow these steps:
Hope this helps.
Hello,
actually the multiple selection issue has nothing to do with the js. So if you had updated the ISNet.WebUI.WebEssentials.dll, it should be fine. Have you ensured that you updated the Reference in your project as well? If you only updated the bin, then had the project compiled, the assemblies in the bin folder would get replaced.
Quick update on that Calendar height issue. It doesn't happen in the sample that you sent, so then I tried using the one from Live Experience that you told us. And from that Live sample, this issue is caused by determining the line height style in WebCalendar's div. After I removed it, it works fine.
By the way, is this CalendarCombo issue the same as you reported here? I did reply it on that thread though. If so, please continue in that thread as well.
Thanks for the sample! I investigated it and this is a problem from our internal code. I reported this to our dev team and they delivered with a nightly build hotfix which I attached it below. To apply it manually, you can visit our page here.
Btw, looking at your code, our WebCalendar uses a display block style, hence your center aligned style won't be applied. So I suggest you put it in another div with display: inline-block style.
<td class="WCR2_InboundCellStyle" style="text-align: center; font-family: Segoe UI, Tahoma; font-size: 8pt; font-weight: normal; vertical-align: middle; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; background-color: rgb(253, 199, 77) !important;" unselectable="on" y="2016" m="4" d="18" cssname="WCR2_InboundCellStyle">
<td class="WCR2_InboundCellStyle" style="text-align: center; font-family: Segoe UI, Tahoma; font-size: 8pt; font-weight: normal; vertical-align: middle; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB22222 , endColorstr=#FFB22222, GradientType=1); background-color: firebrick;" unselectable="on" y="2016" m="4" cssName="WCR2_InboundCellStyle" d="18">
<div style="width: 100%; text-align: center;"> <div style="display:inline-block;" > <ISWebEssentials:WebCalendar ID="WebCalendar1" runat="server" HighlightTodayDate="false" Height="540px" Width="685px" CalendarItemWidth="170px" CalendarItemHeight="187px" EnableMultipleSelection="True" EnableKeyboardSupport="true" NumberOfCalendarDisplayed="12" ShowWeekNumbers="false"> <HeaderStyle BackColor="White" Font-Bold="true" Font-Names="Franklin Gothic Demi Cond" Font-Size="12pt" HorizontalAlign="Center"> </HeaderStyle> <TableStyle BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"> </TableStyle> <FrameStyle Font-Names="Segoe UI, Tahoma" BorderStyle="None" BackColor="White"> </FrameStyle> <WeekNameStyle Font-Names="Segoe UI, Tahoma" Font-Bold="true" BackColor="#e5e5e5" HorizontalAlign="Center"> </WeekNameStyle> <SelectedCellStyle BackColor="Firebrick" HorizontalAlign="Center"></SelectedCellStyle> </ISWebEssentials:WebCalendar> </div> </div>
The reason BackColor is not working is because of the default background color is marked as important by our internal code. So instead of using BackColor, you should be using CustomRules. Here's an example to it:
... <SelectedCellStyle HorizontalAlign="Center" CustomRules="background-color: Firebrick !important;"> </SelectedCellStyle> ...
You are welcome Sachin. Glad I could help.
Please, suggest some solutions. Issue 2 is critical because it gives impression to user that dates are saved for other options also; although we are saving dates on click of a button and it saves correctly for selected option only.
regards
Sachin
Sorry for the late reply on this issue.
Hi Erwin, Thanks for reply. Our requirement is very simple and it was working befor nightly fix.Our application has a page where user can select and save different type of Holiday using selection from webcombo.Once the page is loaded then user see the dates selected from last saved or see 12 month calendar. Suppose there was no saved values. User select option 1 from webcombo and select multiple dates and hit the save button to save the dates.Now, user select option 2 but he/she now see the one selected date so he/she assume that selected date were saved earlier .On webcombo I had call inbuilt function for clear selected dates. So, on changed event dates would clear and if dates are available in database the show new dates. Since, dates were not available in models so new date selection process was not started.I checked from version before night build; it was working earlier .I apologize for the 3rd reported issue on earlier post; It was not an issue and working fine with using ctrl key and click user can unselect a date. regardsSachin
Hi Erwin, I request your suggestion on a situation based upon your provided input as "Our current WebCalendar couldn't unselect a date since it's a 'not nullable' DateTime.". We have a page which have only intersoft controls as Webcombo for select different options, WebButton for saving seleted dates and a webcalendar. Onload we display saved dates, now when user unselect all dates using combination of Ctrl + mouse click then OnClicked event of WebButton javascript error raised written below and onclicked event of WebButton lost. Unhandled exception at line 1, column 3200 in http://../../ISRes.axd?L/WebCalendar.js/401000170x800a138f - JavaScript runtime error: Unable to get property 'Date' of undefined or null reference Due to this user can not modify wrong saved date. It is working perfectly if any date is selected in calendar. I am also attaching F12 screenshot for your view !regardsSachin
I've been trying to recreate WebCalendar1.SelectedDates.Clear(); using older WebEssentials (i.e. WebEssentials4_0_1000_15 and WebEssentials4_0_1000_16) but it still doesn't work. May I know which version of WebEssentials that you use for using the Clear method? If it indeed works on older version, maybe this was a bug that somehow was unintentionally removed while we were working the new assemblies.
I also found a workaround for you at the moment. Try selecting the date to something that's really old, for example:
... protected void wcCity_ValueChanged(object sender, ISNet.WebUI.WebCombo.ValueChangedEventArgs e) { WebCalendar1.SelectedDate = new DateTime(100, 1, 1); } ...
This isn't the best appliance for the issue, but it does the job at the moment for fast fix.
----
For the save modified dates issue, how about showing an alert after users clicked the save button but no dates were selected? Therefore, to modify a saved dates, users would need to at least select a date.
Regards,Erwin Sanders
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname