Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Bart Sipes
465
Drop down closes on selection
posted

Hi, I am using a WebDatePicker in conjunction with the WebMonthCalendar control (see https://ko.infragistics.com/samples/aspnet/date-picker/overview for example).

The sample there works great but I added the SelectionType="Multi" property to the WebMonthCalendar so I can select multiple dates. The problem is though that as soon as I click on one of the dates it hides the calendar drop down. How do I get the WebDatePicker to not close the drop down when the first date is selected?

Thanks

Here is my code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="Infragistics35.Web.v10.2, Version=10.2.20102.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
    Namespace="Infragistics.Web.UI.EditorControls" TagPrefix="ig" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    This one works fine:
        <ig:WebDatePicker ID="WebDatePicker1" runat="server" StyleSetName="Default" DropDownCalendarID="WebMonthCalendar1">
        </ig:WebDatePicker>
        <ig:WebMonthCalendar ID="WebMonthCalendar1" runat="server" StyleSetName="Default"
            EnableWeekNumbers="true" ChangeMonthToDateClicked="true" EnableMonthDropDown="True"
            EnableYearDropDown="True">
        </ig:WebMonthCalendar>
        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        But not when you add selection type = Multi
        <ig:WebDatePicker ID="WebDatePicker2" runat="server" StyleSetName="Default" DropDownCalendarID="WebMonthCalendar2" >
        </ig:WebDatePicker>
        <ig:WebMonthCalendar ID="WebMonthCalendar2" runat="server" StyleSetName="Default" SelectionType="Multi"
            EnableWeekNumbers="true" ChangeMonthToDateClicked="true" EnableMonthDropDown="True"
            EnableYearDropDown="True">
        </ig:WebMonthCalendar>
    </div>
    </form>
</body>
</html>