Intersoft Community - WebEssentials - WebCalendar multiple selection lost its ability

WebCalendar multiple selection lost its ability

erwinintersoft — Tue, 10 May 2016 08:13:53 GMT

Hello Sachin,

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

WebCalendar multiple selection lost its ability

sjain — Mon, 09 May 2016 15:26:56 GMT

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/40100017

0x800a138f - 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 !

regards
Sachin

WebCalendar multiple selection lost its ability

sjain — Mon, 09 May 2016 09:14:27 GMT

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.
regards
Sachin

WebCalendar multiple selection lost its ability

erwinintersoft — Mon, 09 May 2016 04:21:42 GMT

Hi Sachin,

Sorry for the late reply on this issue.

HightlightTodayDate is the one with the red bordered date. If it's set to false, then today date won't be bordered red.
What would be your needs when the SelectedDates are cleared? I might be able to come up with a workaround for you.
Our current WebCalendar couldn't unselect a date since it's a 'not nullable' DateTime.

I'm looking forward to help you on issue #2.

Regards,

Erwin Sanders

WebCalendar multiple selection lost its ability

sjain — Tue, 03 May 2016 15:23:04 GMT

Hi Erwin,
Further testing revealed that nightly build hotfix have couple of issue. I am attaching a sample for your recreation. I modified earlier sent sample by adding a dummy webcombo .

HighlightTodayDate is set to false; it still shows current date.
If user select some dates and change webcombo selection then on postback although webcombo's valuechanged event call "WebCalendar1.SelectedDates.Clear() ; but not all dates are clear from calendar. If more than 1 dates are selected then 1 date remain and show for every change event and if single date is selected then it is available for all changed event. Also, it is found that without nightly build hotfix; it was working fine.
Currently I am not able to unselect a date after selecting once.

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

WebCalendar multiple selection lost its ability

erwinintersoft — Thu, 21 Apr 2016 02:10:11 GMT

You are welcome Sachin. Glad I could help.

Best Regards,
Erwin Sanders

WebCalendar multiple selection lost its ability

sjain — Wed, 20 Apr 2016 11:59:03 GMT

Hi Erwin,
Thanks ! The provided solution works.
regards
Sachin

WebCalendar multiple selection lost its ability

erwinintersoft — Wed, 20 Apr 2016 02:10:41 GMT

Hello Sachin,

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>
...

Hope this helps.

Best Regards,
Erwin Sanders

WebCalendar multiple selection lost its ability

sjain — Mon, 18 Apr 2016 15:02:01 GMT

Hi Erwin,
Thanks for the fix and it is working fine for both mutiple selection and height issue. Although, there is small bug.
If you set SelectedCell style Backcolor even the it is not working as per desired color. Alhough same work for IE comp mode.
<SelectedCellStyle BackColor="Firebrick" HorizontalAlign="Center"></SelectedCellStyle>

I further check markup. I am posting cell markup; may be it will help you to know the reason behind this.
For Normal mode

<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">

For comp mode

<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">

The complete control's HTML is

<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>

Thanks again for speedy solution. It would be great if you can check selectedCellStyle also.
regards
Sachin

WebCalendar multiple selection lost its ability

erwinintersoft — Mon, 18 Apr 2016 04:54:58 GMT

Hi Sachin,

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.

Hope this helps.

Best Regards,
Erwin Sanders

WebCalendar multiple selection lost its ability

sjain — Wed, 06 Apr 2016 15:07:54 GMT

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 !
regards
Sachin