<telerik:RadDatePicker ID="rdpDateOfBirth" runat="server" EnableViewState="true" MinDate="1/1/1900" OnKeyUp="keyUp(this, event);"> <DateInput runat="server" ID="radDateInput" font-size="1.0em" DateFormat="dd-MM-yyyy" MinDate="1/1/1900"</DateInput></telerik:RadDatePicker>function keyUp(sender, e){ e = e || window.event; if (e.keyCode == 13) { var defaultButtons = $('.saveButton'); if (defaultButtons.length != 0) { var btn = defaultButtons[0]; btn.focus(); btn.click(); } }}Hi,
I have a schedule control that is rendering wide on load in IE9 (See attached). The scheduler sizes correctly if I resize the browser window after load but gets it wrong on load.
The version is 2012.1.411.35.
How can I get it to render correctly on load? The scheduler needs to autosize to remaining page space.
Thanks
Gavin.
Here is the code
ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Scheduler._Default" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <%@ Register src="AdvancedForm.ascx" tagname="AdvancedForm" tagprefix="scheduler" %> <!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>Schedule</title> <link href="css/schedule.css" rel="stylesheet" type="text/css" /> <link href="css/Teleric1.css" rel="stylesheet" type="text/css" /> <link href="css/Teleric2.css" rel="stylesheet" type="text/css" /> <style type="text/css"> .RadScheduler .rsAptSubject { text-align: left; padding: 4px 0 1px; margin: 0 0 3px; font-size: 12px; font-weight: bold; color: #369; height: 17px; border-bottom: 1px solid #99DEFD; width: 100%; } .RadScheduler .rsAdvancedEdit .RadColorPicker label { text-align: left; display: block; padding: 0; } </style> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference> <asp:ScriptReference Path="~/AdvancedForm.js"></asp:ScriptReference> </Scripts> </telerik:RadScriptManager> <div id="page-wrap"> <div id="page"> <div id="menu"> menu </div> <div id="pagecontent"> <div style="float:left; width: 2%"> </div> <div style="float:left; width: 98%"> <div id="content"> <div class="Left"> <telerik:RadCalendar ID="RadCalendar1" Runat="server" CultureInfo="English (Australia)" EnableMultiSelect="False" SelectedDate="" ViewSelectorText="x" AutoPostBack="True" onselectionchanged="RadCalendar1_SelectionChanged"> <DayOverStyle CssClass="rcHover"></DayOverStyle> <FastNavigationStyle CssClass="RadCalendarMonthView RadCalendarMonthView_Default"></FastNavigationStyle> <DisabledDayStyle CssClass="rcDisabled"></DisabledDayStyle> <WeekendDayStyle CssClass="rcWeekend"></WeekendDayStyle> <ViewSelectorStyle CssClass="rcViewSel"></ViewSelectorStyle> <SelectedDayStyle CssClass="rcSelected"></SelectedDayStyle> <CalendarTableStyle CssClass="rcMainTable"></CalendarTableStyle> <OtherMonthDayStyle CssClass="rcOtherMonth"></OtherMonthDayStyle> <SpecialDays> <telerik:RadCalendarDay Date="" Repeatable="Today"> <ItemStyle CssClass="rcToday" /> </telerik:RadCalendarDay> </SpecialDays> <OutOfRangeDayStyle CssClass="rcOutOfRange"></OutOfRangeDayStyle> </telerik:RadCalendar> </div> <div class="Right"> <telerik:RadScheduler ID="RadScheduler1" runat="server" DataEndField="EndDate" DataKeyField="id" DataRecurrenceField="RecurrenceField" DataRecurrenceParentKeyField="ParentID" DataStartField="StartDate" DataSubjectField="Subject" onappointmentinsert="RadScheduler1_AppointmentInsert" onappointmentupdate="RadScheduler1_AppointmentUpdate" onappointmentdelete="RadScheduler1_AppointmentDelete" GroupBy="Users" Height="600px" MinutesPerRow="15" onnavigationcomplete="RadScheduler1_NavigationComplete" StartInsertingInAdvancedForm="True"> <ResourceTypes> <telerik:ResourceType Name="Users" KeyField="id" TextField="name" ForeignKeyField="UserID" /> </ResourceTypes> <AdvancedForm Modal="true" /> <AdvancedEditTemplate> <scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>' Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("Users") %>' /> </AdvancedEditTemplate> <TimelineView UserSelectable="False" /> <AdvancedInsertTemplate> <scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert" Subject='<%# Bind("Subject") %>' Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' UserID='<%# Bind("Users") %>' /> </AdvancedInsertTemplate> </telerik:RadScheduler> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </form> </body> </html> CSS
body { font: 12px/16px Tahoma; margin: 3px; } #page-wrap { width: 100%; min-width: 1261px; min-height: 667px; height: auto; } #page { height: auto; min-height: 667px; min-width: 1261px; } #menu { float: left; width: 179px; min-height: 667px; height: auto; } #pagecontent { float: left; width: auto; min-width: 1051px; min-height: 667px; height: auto; border-left: solid 1px #338c26; } #content { width: auto; min-width: 1051px; } #content .Left { float: left; width: 225px; } #content .Right { } .clear { clear: both; }Hi,
I just made a new Visual Studio 2010 SharePoint project, and I want to be able to use the Telerik controls installed on the computer in my web parts.
The problem is that they aren't showing up in the toolbox. When I start a tag as "<tel", usually IntelliSense prefills "<telerik:AccessibleRadEditor" but in this solution it doesn't have any results for "<tel". I thought I had just forgot to include the controls, so I added
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
to the markup. Still I cannot access the controls.
When I open the ToolBox, they are missing from there, also.
How can I get the controls to appear for this solution? They still appear for other Visual Studio solutions when I open those...
do you have any ideas? below is my code.
Thanks!
protected void EngSchedule_AppointmentCreated(object sender, Telerik.Web.UI.AppointmentCreatedEventArgs e) { DataTable table = PageAccess.GetEngSchedule(); foreach (DataRow dataRow in table.Rows) { var c = dataRow["Colour"].ToString(); //first colour Red, second colour Blue
e.Appointment.BackColor = Color.FromName(c); // Appointments always blue WHY??
} }<telerik:RadScheduler ID="RadScheduler1" runat="server" DataDescriptionField="Description" DataEndField="end" DataKeyField="id" DataRecurrenceField="RecurenceRule" DataRecurrenceParentKeyField="RecurenceParentId" DataSourceID="SqlDataSource1" DataStartField="Start" DataSubjectField="Subject" EnableDescriptionField="True" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" SelectedView="WeekView"> <ResourceTypes> <telerik:ResourceType DataSourceID="SqlDataSource2" ForeignKeyField="Programid" KeyField="id" Name="Program" TextField="programName" /> </ResourceTypes> <ResourceStyles> <telerik:ResourceStyleMapping ApplyCssClass="rsCategoryBlue" Key="Programid" Text="Program" Type="Program" /> </ResourceStyles> <AppointmentTemplate> <div> <%#Eval("Subject") %></div> <hr /> <div> <asp:Label ID="UserLabel" runat="server" Text=' <%# Container.Appointment.Resources.GetResourceByType("Program") == null ? "None" : Container.Appointment.Resources.GetResourceByType("Program").Text%>' /> </div> </AppointmentTemplate> </telerik:RadScheduler> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:radiomixConnectionString %>" SelectCommand="SELECT * FROM [Program]"></asp:SqlDataSource> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:radiomixConnectionString %>" DeleteCommand="DELETE FROM [ProgramTimes] WHERE [id] = @id" InsertCommand="INSERT INTO [ProgramTimes] ([Subject], [Start], [end], [Description], [RecurenceRule], [RecurenceParentId], [Programid]) VALUES (@Subject, @Start, @end, @Description, @RecurenceRule, @RecurenceParentId, @Programid)" SelectCommand="SELECT [id], [Subject], [Start], [end], [Description], [RecurenceRule], [RecurenceParentId], [Programid] FROM [ProgramTimes]" UpdateCommand="UPDATE [ProgramTimes] SET [Subject] = @Subject, [Start] = @Start, [end] = @end, [Description] = @Description, [RecurenceRule] = @RecurenceRule, [RecurenceParentId] = @RecurenceParentId, [Programid] = @Programid WHERE [id] = @id"> <DeleteParameters> <asp:Parameter Name="id" Type="Int32" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="Subject" Type="String" /> <asp:Parameter Name="Start" Type="DateTime" /> <asp:Parameter Name="end" Type="DateTime" /> <asp:Parameter Name="Description" Type="String" /> <asp:Parameter Name="RecurenceRule" Type="String" /> <asp:Parameter Name="RecurenceParentId" Type="Int32" /> <asp:Parameter Name="Programid" Type="Int32" /> </InsertParameters> <UpdateParameters> <asp:Parameter Name="Subject" Type="String" /> <asp:Parameter Name="Start" Type="DateTime" /> <asp:Parameter Name="end" Type="DateTime" /> <asp:Parameter Name="Description" Type="String" /> <asp:Parameter Name="RecurenceRule" Type="String" /> <asp:Parameter Name="RecurenceParentId" Type="Int32" /> <asp:Parameter Name="Programid" Type="Int32" /> <asp:Parameter Name="id" Type="Int32" /> </UpdateParameters> </asp:SqlDataSource>