or
.RadTabStrip_DNNTopMenu .level
2
ul
{
display
:
none
;
}
.RadTabStrip_DNNTopMenu .level
2
li a
{
display
:
none
;
}
.RadTabStrip_DNNTopMenu .level
2
li a.selected,
.RadTabStrip_DNNTopMenu .level
2
li a.selected:hover,
.RadTabStrip_DNNTopMenu .level
2
li a:hover
{
display
:
none
;
}
using
System;
using
System.Web;
using
Telerik.Web.UI;
using
System.Web.UI.WebControls;
using
System.ComponentModel;
using
System.Web.UI;
namespace
Sonic.Infrastructure
{
public
enum
PairedMinMax { GreaterThan, GreaterThanOrEqual, LesserThan, LesserThanOrEqual }
public
class
PairedRadDatePicker : RadDatePicker
{
public
string
PairedControlID {
get
;
set
; }
public
PairedMinMax PairedOperator {
get
;
set
; }
public
override
string
UniqueID
{
get
{
return
this
.ID; }
}
public
override
string
ClientID
{
get
{
return
this
.ID; }
}
protected
override
void
OnLoad(EventArgs e)
{
if
(PairedControlID !=
null
&& PairedControlID !=
string
.Empty)
{
this
.ClientEvents.OnDateSelected =
"function(){itsMinMaxRadDatePicker('"
+
this
.ClientID +
"', '"
+ PairedControlID +
"', '"
+ PairedOperator.ToString() +
"');}"
;
if
(!Page.ClientScript.IsClientScriptIncludeRegistered(
"PairedRadDatePicker"
))
{
Page.ClientScript.RegisterClientScriptInclude(
"PairedRadDatePicker"
,
"/Scripts/PairedRadDatePicker.js"
);
}
}
}
}
}
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/FormMasterPage2.master" AutoEventWireup="true" CodeBehind="AcademicYearEdit.aspx.cs" Inherits="Sonic.Infrastructure.AcademicYearEdit" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="Sonic" Namespace="Sonic.Infrastructure" TagPrefix="sonic" %>
<
asp:Content
ID
=
"Content3"
ContentPlaceHolderID
=
"MainContentPlaceHolder"
runat
=
"server"
>
<
p
><
sonic:PairedRadDatePicker
ID
=
"PairedDatePicker1"
PairedControlID
=
"PairedRadDatePicker2"
SelectedDate
=
"2010/05/06"
PairedOperator
=
"LesserThan"
runat
=
"server"
/></
p
>
<
p
><
sonic:PairedRadDatePicker
ID
=
"PairedRadDatePicker2"
PairedControlID
=
"PairedDatePicker1"
PairedOperator
=
"GreaterThan"
runat
=
"server"
/></
p
>
<
asp:Button
ID
=
"btnSave"
OnClick
=
"btnSave_Click"
Text
=
"save"
runat
=
"server"
/>
<
asp:Label
ID
=
"lblDates"
runat
=
"server"
/>
</
asp:Content
>
protected
void
btnSave_Click(
object
sender, EventArgs e)
{
DateTime? st_date = PairedDatePicker1.SelectedDate;
lblDates.Text = st_date.ToString();
}
<
img
name
=
"designtime"
align
=
"right"
alt
=
"Digg"
src
=
"../../../App_Themes/Modern/images/Icons/32x32/socialnetworking/digg_32.png"
/>
Hi Team,
I've implemented the rad scheduler and rad tool tip
for
appointment.
BUt no links
in
rad header doesn't work.
example
if
i click
1.today link, not working
2.calender date click link, not working
3.day view tab, not working
4.timeline view tab, not working
5.week view tab, not working
here
is
my scheduler coding...please help me
<telerik:RadAjaxLoadingPanel ID=
"RadAjaxLoadingPanel1"
Width=
"100%"
runat=
"server"
Skin=
"WebBlue"
>
</telerik:RadAjaxLoadingPanel>
<div style="width: 803px; background: transparent url(
'Images/background.png'
) no-repeat 0 0;
padding-left: 20px;">
<telerik:RadScheduler runat=
"server"
ID=
"RadScheduler1"
Skin=
"Web20"
CustomAttributeNames=
"StartTime,EndTime,SessionDate,DisplayPermitName,EventStartDate,DisplayClientVisibility,DisplayResourceVisibility,DisplayFacilityVisibility,EventEndDate,ID,DisplayPermitVisibility,DisplayFacilityName,DisplayResourceName,DisplayClientName,Event_ID"
DataStartField=
"EventStartDate"
EnableDatePicker=
"true"
GroupingDirection=
"Horizontal"
MonthView-GroupingDirection=
"Horizontal"
DataEndField=
"EventEndDate"
DayStartTime=
"08:00:00"
DayEndTime=
"23:00:00"
ShowFullTime=
"true"
DataKeyField=
"ID"
style=
"white-space:normal;"
FirstDayOfWeek=
"Sunday"
LastDayOfWeek=
"Saturday"
DataSubjectField=
"DisplayPermitName"
EnableEmbeddedSkins=
"false"
AllowDelete=
"false"
AllowEdit=
"false"
TimelineView-NumberOfSlots=
"7"
AllowInsert=
"false"
OnAppointmentDataBound=
"RadScheduler1_AppointmentDataBound"
>
<AdvancedForm Modal=
"true"
/>
<AppointmentTemplate>
<div
class
=
"AlignCenter"
>
<%--Permit Name--%>
<asp:LinkButton runat=
"server"
ID=
"lblDisplayPermitName"
OnClick=
"RedirectToEventMaintenance"
Style=
"font-weight: bold; color: White; font-size: 14px;"
CommandArgument=
'<%# Eval("Event_ID") + "~" + Eval("SessionDate") %>'
Visible=
'<%# Convert.ToBoolean(Eval("DisplayPermitVisibility")) %>'
>
<%# Eval(
"DisplayPermitName"
)%>
</asp:LinkButton><br />
<%--Start Time--%>
<%--End Time--%>
<%# Eval(
"StartTime"
)%>
-
<%# Eval(
"EndTime"
)%>
<br />
<%--Client Name--%>
<asp:Label runat=
"server"
ID=
"lblDisplayClientTypeName"
Text=
"<left>Client Name :</left>"
Visible=
'<%# Convert.ToBoolean(Eval("DisplayClientVisibility")) %>'
>
<%# Eval(
"DisplayClientName"
)%>
</asp:Label><br />
<%--Facility Name--%>
<asp:Label runat=
"server"
ID=
"lblDisplayFacilityName"
Text=
"<left>Facility Name :</left>"
Visible=
'<%# Convert.ToBoolean(Eval("DisplayFacilityVisibility")) %>'
>
<%# Eval(
"DisplayFacilityName"
)%>
</asp:Label>
<br />
<%--Resource Name--%>
<asp:Label runat=
"server"
ID=
"lblDisplayResourceName"
Text=
"<left>Resource Name :</left>"
Visible=
'<%# Convert.ToBoolean(Eval("DisplayResourceVisibility")) %>'
>
<%# Eval(
"DisplayResourceName"
)%>
</asp:Label><br />
</div>
</AppointmentTemplate>
</telerik:RadScheduler>
<telerik:RadToolTipManager runat=
"server"
ID=
"RadToolTipManager1"
Width=
"220"
Height=
"100"
ToolTipZoneID=
"RadScheduler1"
Animation=
"None"
HideEvent=
"LeaveToolTip"
Text=
"Loading..."
RelativeTo=
"Mouse"
OnAjaxUpdate=
"RadToolTipManager1_AjaxUpdate"
OnClientBeforeShow=
"clientBeforeShow"
>
</telerik:RadToolTipManager>
</div>
Thanks,
Janni
I need to use a 3 state checkbox in my app. I am RadButton control whose ToggleType property I have set to "CustomToggle" to make it behave as a 3 state checkbox control.
I need to check/uncheck/partially check the above radbutton in javascript. I have used below javascript code. But it doesn’t work-
var varb= document.getElementById ("RadButton1");
varb.checked=true;
This is the control declaration-
<
telerik:RadButton
ToggleType
=
"CustomToggle"
ID
=
"RadButton1"
runat
=
"server"
>
<
ToggleStates
>
<
telerik:RadButtonToggleState
Text
=
"Unchecked"
PrimaryIconCssClass
=
"rbToggleCheckbox"
/>
<
telerik:RadButtonToggleState
PrimaryIconCssClass
=
"rbToggleCheckboxFilled"
Text
=
"Filled"
/>
<
telerik:RadButtonToggleState
Text
=
"Checked"
PrimaryIconCssClass
=
"rbToggleCheckboxChecked"
/>
</
ToggleStates
>
</
telerik:RadButton
>
Please provide inputs?
Thanks,Tanima
Hi Team,
I bind the appointment
in
the scheduler.But the appointment shape
is
not good.Appointment border shape must be curved correctly. But
in
my scheduler appointment shape
is
not
fixed
(curved) correctly
I attached the image here.
here
is
my scheduler.css file
/* RadScheduler_Web20 Web20 skin */
/* common */
.RadScheduler_Web20, .RadScheduler_Web20 a, .RadScheduler_Web20 input, .RadScheduler_Web20 select, .RadScheduler_Web20 textarea
{
color: #333;
font: normal 12px/14px
"Segoe UI"
, Arial, sans-serif;
}
.RadScheduler_Web20 textarea
{
background: #fff;
}
/* header */
/* header sprites */
.RadScheduler_Web20 .rsHeader, .RadScheduler_Web20 .rsHeader .rsDatePickerActivator, .RadScheduler_Web20 .rsHeader .rsPrevDay, .RadScheduler_Web20 .rsHeader .rsNextDay
{
background-image: url(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web20 .rsHeader
{
border: 1px solid #243567;
}
.RadScheduler_Web20 .rsHeader, .RadScheduler_Web20 .rsHeader a
{
color: #fff;
}
.RadScheduler_Web20 .rsHeader em
{
font-weight: bold;
font-size: 14px;
color: LightGreen;
}
.RadScheduler_Web20 .rsHeader .rsToday
{
color: #CCC;
}
/* content */
.RadScheduler_Web20 .rsContent
{
background: #fff;
}
/* <headers> */
.RadScheduler_Web20 .rsHorizontalHeaderTable
{
color: #fff;
background: #e4e4e4;
}
.RadScheduler_Web20 .rsHorizontalHeaderWrapper
{
border-color: #a4b7d0;
background: #dce5f3;
}
.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsAllDayHeader, .RadScheduler_Web20 .rsVerticalHeaderWrapper, .RadScheduler_Web20 .rsVerticalHeaderTable
{
background: #dce5f3;
}
.RadScheduler_Web20 .rsVerticalHeaderTable th
{
border-color: #868686 #a2b3c7;
color: #45709b;
}
.RadScheduler_Web20 .rsHorizontalHeaderTable th
{
border-color: #a4b7d0;
background-color: #C3D9F1;
background-image: url(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web20 .rsVerticalHeaderTable th
{
border-color: transparent #a2b3c7;
border-top: 0;
}
.RadScheduler_Web20 .rsVerticalHeaderTable .rsAlt th
{
border-color: #a4b7d0 #a2b3c7;
}
/* </headers> */
/* <all-day-row> */
.RadScheduler_Web20 .rsAllDayRow
{
background: #dce5f3;
}
.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsAllDayHeader, .RadScheduler_Web20 .rsVerticalHeaderTable .rsAllDayHeader
{
color: #45709b;
border-color: #a4b7d0 #a2b3c7;
}
.RadScheduler_Web20 .rsAllDayRow td, .RadScheduler_Web20 .rsContentTable .rsAllDayRow td
{
border-color: #a4b7d0;
border-style: solid;
}
.RadScheduler_Web20 .rsVerticalHeaderTable .rsMainHeader th
{
border-bottom-color: #a4b7d0;
}
.RadScheduler_Web20 .rsSpacerCell, .RadScheduler_Web20 .rsContent .rsAllDayHeader
{
border-bottom-color: #a4b7d0;
}
/* </all-day-row> */
.RadScheduler_Web20 .rsContent, .RadScheduler_Web20 .rsTopWrap .rsFooter
{
border: 1px solid #6788be;
border-top: 0;
}
.RadScheduler_Web20 .rsContentTable td
{
border-color: #e6eef8;
border-bottom-style: dotted;
}
.RadScheduler_Web20 .rsContentTable .rsAlt td
{
border-color: #a4b7d0 #e6eef8;
border-bottom-style: solid;
}
.RadScheduler_Web20 .rsMonthView .rsOtherMonth
{
background-color: #F9F9F9;
}
.RadScheduler_Web20 .rsDayView. .rs
{
width: 10px !important;
}
/* <appointments> */
.RadScheduler_Web20 .rsApt .rsArrowTop, .RadScheduler_Web20 .rsApt .rsArrowBottom, .RadScheduler_Web20 .rsApt .rsArrowLeft, .RadScheduler_Web20 .rsApt .rsArrowRight, .RadScheduler_Web20 .rsApt .rsAptDelete, .RadScheduler_Web20 .rsApt .rsAptResize, .RadScheduler_Web20 .rsApt .rsAptRecurrence, .RadScheduler_Web20 .rsApt .rsAptRecurrenceException
{
background-color: transparent;
background-image: url(
'Scheduler/rsSprites.png'
);
background-repeat: no-repeat;
}
.RadScheduler_Web20 .rsApt .rsAptDelete
{
width: 22px;
}
.RadScheduler_Web20 .rsAptCreate, .RadScheduler_Web20 .rsMonthView .rsAptCreate
{
background-color: #ccdcf1;
background-image: url(
'Scheduler/rsSprites.png'
);
background-repeat: repeat-x;
}
.RadScheduler_Web20 .rsAptCreateRow2, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow2
{
background-color: #ccdcf1;
background-image: url(
'Scheduler/rsSprites.png'
);
background-repeat: repeat-x;
}
.RadScheduler_Web20 .rsSunCol, .RadScheduler_Web20 .rsSatCol
{
background-color: #f5fcff;
}
.RadScheduler_Web20 .rsAptCreateRow3, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow3, .RadScheduler_Web20 .rsAptCreateRow4, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow4, .RadScheduler_Web20 .rsAptCreateRow5, .RadScheduler_Web20 .rsMonthView .rsAptCreateRow5
{
background: #ccdcf1;
}
.RadScheduler_Web20 .rsAptContent, .RadScheduler_Web20 .rsAptIn, .RadScheduler_Web20 .rsAptMid, .RadScheduler_Web20 .rsAptOut
{
background-image: url(
'Scheduler/rsAppointmentBg.png'
);
}
/* Added by Daniel for increasing the Timeline View Height only without affecting other types*/
.RadScheduler_Web20 .rsTimelineView .rsAptContent, .RadScheduler_Web20 .rsTimelineView .rsAptIn, .RadScheduler_Web20 .rsTimelineView .rsAptMid, .RadScheduler_Web20 .rsTimelineView .rsAptOut
{
height: auto !important;
}
/* Added by Daniel for setting the DayView width for appointment only without affecting other types*/
.RadScheduler_Web20 .rsDayView .rsAptContent, .RadScheduler_Web20 .rsDayView .rsAptIn, .RadScheduler_Web20 .rsDayView .rsAptMid, .RadScheduler_Web20 .rsDayView .rsAptOut
{
width: 200px !important;
}
/* </appointments> */
/* <month view> */
.RadScheduler_Web20 .rsMonthView .rsDateBox
{
background-color: #d0dbed;
background-image: url(
'Scheduler/rsSprites.png'
);
border-bottom: 1px solid #81a5da;
}
/* Added by Daniel for increasing the Month and Timeline View of Content Height only without affecting other types*/
.RadScheduler_Web20 .rsTimelineView .rsWrap
{
min-height: 150px !important;
height: auto !important;
}
/* </month view> */
/* <footer> */
.RadScheduler_Web20 div.rsFooter
{
background-color: #f0fafd;
background-image: url(
'Scheduler/rsSprites.png'
);
background-repeat: repeat-x;
border-color: #a2a2a2;
}
.RadScheduler_Web20 div.rsFooter .rsFullTime
{
color: #000;
background-position: 0 -248px;
padding: 3px 0 4px 17px;
background-color: transparent;
background-image: url(
'Scheduler/rsSprites.png'
);
background-repeat: no-repeat;
}
.RadScheduler_Web20 div.rsFooter .rsFullTime:hover
{
color: #333;
background-position: 0 -271px;
}
/* </footer> */
/* <inline edit form> */
.RadScheduler_Web20 .rsAptEditResizeHandle, .RadScheduler_Web20 .rsAptEditFormWrapper
{
background-image: url(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web20 .rsAptEditFormOuter,
/* top */
.RadScheduler_Web20 .rsAptEditFormInner
/* bottom */
{
background-image: url(
'Scheduler/rsInlineEditHSprite.png'
);
}
.RadScheduler_Web20 .rsAptEditFormMiddle,
/* left */
.RadScheduler_Web20 .rsAptEditFormMiddle2
/* right */
{
background-image: url(
'Scheduler/rsInlineEditVSprite.png'
);
}
.RadScheduler_Web20 .rsAptEditFormWrapper .rsAptEditTextareaWrapper
{
border-color: #bcd2f1;
background: #fff;
}
.RadScheduler_Web20 .rsAptEditFormWrapper .rsAptEditTextareaWrapper textarea
{
background: #fff;
}
/* <inline edit form template and edit background> */
.RadScheduler_Web20 .rsAptEditFormWrapper .rsTemplateWrapper, .RadScheduler_Web20 .rsAptEditFormWrapper .rsEditOptions
{
background: #e7f1ff;
}
/* </inline edit form template and edit background> */
/* </inline edit form> */
/* <advanced edit form> */
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvContentWrapper
{
background: #fff;
border: 1px solid #6788be;
border-top-color: #47689e;
}
/* <xref input skins> */
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInput, .RadScheduler_Web20 .rsAdvancedEdit select, .RadScheduler_Web20 .rsAdvancedEdit .textareaWrapper
{
border-color: #6788be;
}
.RadScheduler_Web20 .rsAdvancedEdit .rsInvalid textarea
{
background-image: url(
'Input/sprite.gif'
);
}
.RadScheduler_Web20 .rsAdvancedEdit .textareaWrapper
{
background: #fff;
}
.RadScheduler_Web20 .rsAdvancedEdit .rsInvalid
{
border-color: #F32800;
color: #F32800;
}
/* </xref input skins> */
.RadScheduler_Web20 .rsAdvancedEdit h2, .RadScheduler_Web20 .rsAdvancedEdit h3
{
color: #5e83a8;
}
.RadScheduler_Web20 .rsAdvancedEdit h2
{
border-bottom: 1px solid #CCC;
}
.RadScheduler_Web20 .rsAdvancedEdit h2 span
{
background: #fff;
}
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvRecurrenceFreq
{
border-right: 1px solid #fff;
}
.RadScheduler_Web20 .rsAdvancedEdit ul.rsRecurrenceOptionList
/* ??? */
{
border-right: 1px solid #CCC;
}
.RadScheduler_Web20 .rsAdvancedEdit div.rsAdvPatternPanel
{
border-left: 0;
}
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvancedSubmitArea
{
border-color: #CCC;
}
/* </advanced edit form> */
/* <date/time picker> */
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvEditClose, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riEnabled, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riHover, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riFocused, .RadScheduler_Web20 .rsTimePick .RadInput_Web20 input.riEmpty
{
background-image: url(
'Scheduler/rsSprites.png'
);
}
/* </date/time picker> */
/* <modal dialogs> */
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvTitle, .RadScheduler_Web20 .rsModalWrapper .rsModalOuter
{
border-color: #416094;
background-image: url(
'Scheduler/rsModalOuterBg.png'
);
}
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInnerTitle, .RadScheduler_Web20 .rsModalWrapper .rsModalOuterTitle
{
background-image: url(
'Scheduler/rsModalOuterTitleBg.png'
);
}
.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInnerTitle
{
color: #FFF;
}
.RadScheduler_Web20 div.rsModalWrapper .rsModalWindowClose
{
background-image: url(
'Scheduler/rsSprites.png'
);
height: 19px;
margin-top: -24px;
width: 31px;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}
.RadScheduler_Web20 .rsModalWrapper .rsModalWindowClose:hover
{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.RadScheduler_Web20 .rsModalWrapper .rsModalTitle
{
color: #fff;
background-image: url(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web20 .rsModalWrapper .rsModalInner
{
border-color: #6788be;
background: #fff;
}
.RadScheduler_Web20 .rsModalWrapper .rsModalIcon
{
background-image: url(
'Scheduler/rsSprites.png'
);
}
/* Inline Edit buttons + ModalDialog buttons */
.RadScheduler_Web20 .rsModalWrapper .rsModalButtons a, .RadScheduler_Web20 .rsAdvancedEdit div.rsAdvancedSubmitArea a, .RadScheduler_Web20 .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a
{
color: #FFF;
background-image: url(
'Scheduler/rsSprites.png'
);
}
.RadScheduler_Web20 .rsTopWrap
{
min-height: 10px !important;
}
.RadScheduler_Web20 .rsModalWrapper .rsModalButtons a:hover, .RadScheduler_Web20 .rsAdvancedEdit div.rsAdvancedSubmitArea a:hover, .RadScheduler_Web20 .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a:hover
{
color: Blue;
}
/* </modal dialogs> */
.RadScheduler_Web20 .rsMonthView .rsWrap, .RadScheduler_Web20 .rsMonthView .rsApt, .RadScheduler_Web20 .rsMonthView .rsAptOut, .RadScheduler_Web20 .rsMonthView .rsAptIn, .RadScheduler_Web20 .rsMonthView .rsAptMid, .RadScheduler_Web20 .rsMonthView .rsAptContent
{
position:
static
!important;
height: auto !important;
}
.RadScheduler_Web20 .rsMonthView .rsWrap
{
overflow: hidden;
font-size: 0;
line-height: 0;
}
.RadScheduler_Web20 .rsMonthView .rsLastWrap
{
height: 16px !important;
}
.RadScheduler_Web20 .rsMonthView .rsAptContent
{
position: relative !important;
border-top: 0;
border-bottom: 0;
left: 0;
top: 0;
}
.RadScheduler_Web20 .rsMonthView .rsWrap,
.RadScheduler_Web20 .rsMonthView .rsAptContent
{
min-height: 25px;
}
* html .RadScheduler_Web20 .rsMonthView .rsAptIn
{
border-width: 0 1px;
top: 0;
margin-left: -1px;
margin-right: -1px;
}
* html .RadScheduler_Web20 .rsMonthView .rsAptMid
{
top: 0;
left: 1px;
margin: 0 1px;
border-width: 1px 0;
}
Please reply me ASAP
Thanks.