This is a migrated thread and some comments may be shown as answers.

Add a rad combobox inside the pop up window

1 Answer 98 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
vijay
Top achievements
Rank 1
vijay asked on 04 Jan 2011, 08:22 AM

hi
Here im having the code.  i need to add a new template column such as combo box or check box inside the pop up and the option pop.. Please help me.


<%

@ Page Title="" Language="C#" MasterPageFile="~/Transactions/Calendar/CalendarMaster.Master"

 

 

AutoEventWireup="true" CodeBehind="Calendar.aspx.cs" Inherits="GemsStandard.Transactions.Calendar.Calendar" %>

 

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<

 

asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

 

 

<style type="text/css">

 

 

.style1

 

{

 

width: 100%;

 

}

 

.example-panel

 

{

 

width: 870px;

 

 

height: 585px;

 

 

background: transparent url('Images/background.png') no-repeat 0 0;

 

 

padding: 55px 0 0 8px;

 

}

 

.RadSplitter

 

{

 

border: none !important;

 

 

margin: 0 !important;

 

}

 

.RadPanelBar .rootGroup

 

{

 

border-left: none;

 

 

border-right: none;

 

}

 

.calendar-container

 

{

 

width: 220px;

 

 

margin: 0 auto 7px auto;

 

}

 

.calendar-title

 

{

 

height: 26px;

 

 

padding: 6px 5px;

 

 

font-size: 16px;

 

 

font-color: #1e395b;

 

}

 

#RadScheduler1Panel

 

{

 

width: 100%;

 

 

overflow: hidden;

 

}

 

div.RadScheduler

 

{

 

width: 100%;

 

}

 

/* Styles for the appointment Subject */.RadScheduler .rsAptSubject

 

{

 

text-align: left;

 

 

margin: 0 0 3px;

 

 

font-size: 11px;

 

 

font-weight: bold;

 

 

color: #369;

 

 

height: 17px;

 

 

border-bottom: 1px solid #8bf;

 

 

width: 100%;

 

 

overflow: hidden;

 

}

 

/* Remove the Subject underline for all-day appointments */.RadScheduler .rsAllDayRow .rsAptSubject

 

{

 

border-bottom: none;

 

}

 

div.RadScheduler .rsCategoryPattern .rsAptContent, div.RadScheduler .rsCategoryPattern .rsAptIn, div.RadScheduler .rsCategoryPattern .rsAptMid

 

{

 

background: url('Images/pattern.png') repeat-x left top;

 

}

 

</style>

 

</

 

asp:Content>

 

<

 

asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

 

 

<table width="100%">

 

 

<tr>

 

 

<td>

 

 

<b>CALENDAR</b>

 

 

</td>

 

 

<td>

 

 

<asp:Label ID="lblAcademiYearID" runat="server" Visible="False"></asp:Label>

 

 

<asp:Label ID="lblInstitutionID" runat="server" Visible="False"></asp:Label>

 

 

</td>

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

<td>

 

 

<asp:Button ID="btnViewCalender" runat="server" Text="View Calendar" OnClick="btnViewCalender_Click" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<table class="style1">

 

 

<tr>

 

 

<td>

 

Holiday Type

 

<telerik:RadComboBox ID="radHolidayType" runat="server" EmptyMessage="Select Holiday Type"

 

 

Skin="Sunset">

 

 

</telerik:RadComboBox>

 

 

<telerik:RadCalendar ID="radCalendar1" runat="server" OnSelectionChanged="radCalendar1_SelectionChanged1"

 

 

OnDefaultViewChanged="radCalendar1_DefaultViewChanged" Skin="Sunset">

 

 

<dayoverstyle cssclass="rcHover"></dayoverstyle>

 

 

<fastnavigationstyle cssclass="RadCalendarMonthView RadCalendarMonthView_Sunset">

 

 

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

 

 

<outofrangedaystyle cssclass="rcOutOfRange"></outofrangedaystyle>

 

 

</telerik:RadCalendar>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<telerik:RadCalendar ID="radCalendar2" runat="server" OnSelectionChanged="radCalendar2_SelectionChanged1"

 

 

Skin="Sunset">

 

 

<dayoverstyle cssclass="rcHover"></dayoverstyle>

 

 

<fastnavigationstyle cssclass="RadCalendarMonthView RadCalendarMonthView_Sunset">

 

 

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

 

 

<outofrangedaystyle cssclass="rcOutOfRange"></outofrangedaystyle>

 

 

</telerik:RadCalendar>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

<td>

 

 

<telerik:RadScheduler ID="radScheduler" runat="server" DataEndField="ToDate" DataKeyField="CalendarID"

 

 

DataSourceID="SqlDataSource1" DataStartField="FromDate" DataSubjectField="Subject"

 

 

Skin="Sunset" OnAppointmentCreated="radScheduler_AppointmentCreated1" OnAppointmentDataBound="radScheduler_AppointmentDataBound1"

 

 

OnAppointmentDelete="radScheduler_AppointmentDelete1" OnAppointmentInsert="radScheduler_AppointmentInsert1"

 

 

OnNavigationComplete="radScheduler_NavigationComplete1" OnAppointmentUpdate="radScheduler_AppointmentUpdate">

 

 

<advancedform modal="true" />

 

 

<resourcestyles>

 

 

<telerik:ResourceStyleMapping Type="Calendar" Text="Development" BorderColor="#B0CC9B" />

 

 

<telerik:ResourceStyleMapping Type="Calendar" Text="Marketing" />

 

 

<telerik:ResourceStyleMapping Type="Calendar" Text="Work" BackColor="#edd5b7" BorderColor="#cdb597" />

 

 

</resourcestyles>

 

<%

--<inlineinserttemplate>

 

<div>

<asp:LinkButton ID="LinkButton2" runat="server">LinkButton</asp:LinkButton>

</div>

</inlineinserttemplate>

<appointmenttemplate>

<div>

<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>

</div>

</appointmenttemplate>--

 

%>

 

 

</telerik:RadScheduler>

 

 

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:EVISEAZY %>"

 

 

DeleteCommand="DELETE FROM [tblCalendar] WHERE [CalendarID] = @CalendarID" InsertCommand="INSERT INTO [tblCalendar] ([InstitutionID], [Subject], [FromDate], [ToDate], [HolidayTypeID], [AcdamicYearId]) VALUES (@InstitutionID, @Subject, @FromDate, @ToDate, @HolidayTypeID, @AcdamicYearId)"

 

 

SelectCommand="SELECT * FROM [tblCalendar]" UpdateCommand="UPDATE [tblCalendar] SET [InstitutionID] = @InstitutionID, [Subject] = @Subject, [FromDate] = @FromDate, [ToDate] = @ToDate, [HolidayTypeID] = @HolidayTypeID, [AcdamicYearId] = @AcdamicYearId WHERE [CalendarID] = @CalendarID">

 

 

<DeleteParameters>

 

 

<asp:Parameter Name="CalendarID" Type="Int64" />

 

 

</DeleteParameters>

 

 

<UpdateParameters>

 

 

<asp:Parameter Name="InstitutionID" Type="Int64" />

 

 

<asp:Parameter Name="Subject" Type="String" />

 

 

<asp:Parameter Name="FromDate" Type="DateTime" />

 

 

<asp:Parameter Name="ToDate" Type="DateTime" />

 

 

<asp:Parameter Name="HolidayTypeID" Type="Int64" />

 

 

<asp:Parameter Name="AcdamicYearId" Type="Int64" />

 

 

<asp:Parameter Name="CalendarID" Type="Int64" />

 

 

</UpdateParameters>

 

 

<InsertParameters>

 

 

<asp:Parameter Name="InstitutionID" Type="Int64" />

 

 

<asp:Parameter Name="Subject" Type="String" />

 

 

<asp:Parameter Name="FromDate" Type="DateTime" />

 

 

<asp:Parameter Name="ToDate" Type="DateTime" />

 

 

<asp:Parameter Name="HolidayTypeID" Type="Int64" />

 

 

<asp:Parameter Name="AcdamicYearId" Type="Int64" />

 

 

</InsertParameters>

 

 

</asp:SqlDataSource>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

<table>

 

 

<tr>

 

 

<td align="center">

 

 

</td>

 

 

</tr>

 

 

</tr>

 

 

</table>

 

</

 

asp:Content>

 

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 04 Jan 2011, 03:21 PM
Hello vijay,

The following demos will help you get started:

http://demos.telerik.com/aspnet-ajax/scheduler/examples/templates/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/scheduler/examples/raddock/defaultcs.aspx


Best wishes,
Peter
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
Scheduler
Asked by
vijay
Top achievements
Rank 1
Answers by
Peter
Telerik team
Share this question
or