All,
The control DayPilotCalendar (lite version) is not rendering the specified hours (ex: 9-16, HeightSpec=BusinessHoursNoScroll), if the control is inside a div that has its visibility toggled (hide/show) or when it starts hidden and then is made visible later.
The hour range is correct (in this example 7 hour range) but it always starts at 12 am.
Test Case (source code):
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
function toggle() {
$("#div1").toggle();
}
</script>
<div class="note"><b>Note:</b> Read more about controlling the event calendar <a href="http://doc.daypilot.org/calendar/height/">height</a>.</div>
<div>
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem Value="scroll">Show busines hours, with scrollbar</asp:ListItem>
<asp:ListItem Value="hide">Show business hours, without scrollbar</asp:ListItem>
<asp:ListItem Value="show">Show full hours</asp:ListItem>
</asp:DropDownList><br />
<br />
<input type="button" id="button1" onclick="toggle();" value="toggle" />
<div id="div1" style="display: block;">
<daypilot:daypilotcalendar id="ctlAppointmentsCalendar" runat="server"
DataStartField="Start"
dataendfield="End"
datatextfield="Name"
datavaluefield="Id"
Days="1"
BusinessBeginsHour="5"
BusinessEndsHour="19"
></daypilot:daypilotcalendar>
</div>
</div>
</asp:Content>