Questions on UI for ASP.NET AJAX Forum

9 answers

117 views

View Link not working

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

Scheduler

answered on 01 Dec 2010

3 answers

314 views

3 state checkbox

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

General Discussions

answered on 01 Dec 2010

9 answers

128 views

Appointment not in good shape while binding in the scheduler

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.

Scheduler

answered on 01 Dec 2010

1 answer

94 views

RadEditor lost cursor

Hi There,

We have license version of Rad control. I am using this control with my .Net 2 web application.
Product/File Version : 7.3.6.0

I am having problem which looks to be solved in another application with your latest RAD control. We have newer version of rad controls for another site with .Net 3.5 web apps.

Problem:
I select something on Rad Editor and hit Italic button, to make my font italic, it works fine.
When I don't select anything and click Italic button, to next typing character as italic, it jumps up the screen and looses cursor position and puts at the beginning of the editor. ITALIC is one of the example, it happens same with bold, etc...

I have also tried putting RadA:AjaxSetting but, still it's same.

If you can provide me some example/solution/link, it will be great.

Thanks in advance.

Editor

answered on 01 Dec 2010

3 answers

73 views

RadGrid templated cell breaks on pager?

Hello, I have the following scenario:

A grid contains multiple columns. One of the columns has a custom cell template that hosts a UserControl (ascx). In this user control, there are multiple RadComboBox controls (each row needs to be able to set multiple values) and these are contained in UpdatePanels (so each UserControl can update it's content independently). Everything works fine on the initial page load, but as soon as we use the pager to go to another page, the RadComboBox's SelectedIndexChanged events are fired (debugging on the server shows that they are well received and executed), but the result is never updating in the grid proper. Firebug and Fiddler indicate that the request is working correctly, but that the result of the request is simply never being applied to the page properly.

As I stated earlier, this ONLY happens after using the pager (first / prev / next / last or directly clicking a value).

Any thoughts?

Grid

answered on 01 Dec 2010

1 answer

64 views

Sharepoint site theme integrating with telerik control.

Hi,

I want to provide the sharepoint css theme to the telerik controls which i have added in my sharepoint web part. If i change the theme in my site, then telerik controls theme/css should also chang.

How can i achieve this? Please provide me an solution.

Thanks in advance.
shobha

Spell

answered on 01 Dec 2010

6 answers

142 views

memory leaks in radscriptmanager?

Hi,

I am trying to troubleshoot some suspected memory leaks in an asp.net page that uses a lot of telerik rad ajax controls. In doing this, I am using the Drip IE leak detector available at http://outofhanwell.com/ieleak/index.php?title=Main_Page

I was getting too many leaks to make sense of so tried something simple. Firstly I created a page with just a standard asp listbox:

<asp:DropDownList ID="DropDownList1" runat="server">

<asp:ListItem Value="1" Text="2"></asp:ListItem>

<asp:ListItem Value="3" Text="4"></asp:ListItem>

</asp:DropDownList>

I then set this page to auto-refresh in Drip. The memory usage stayed constant.

I then added a RadScriptManager:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AjaxFrameworkMode="Enabled">

</telerik:RadScriptManager>

<asp:DropDownList ID="DropDownList1" runat="server">

<asp:ListItem Value="1" Text="2"></asp:ListItem>

<asp:ListItem Value="3" Text="4"></asp:ListItem>

</asp:DropDownList>

I set this running in Drip, and the memory usage increased by 500Kb per refresh!

So, is there some kind of huge memory leak in RadScriptManager? I am using 2010.3.1109.40

Thanks,

Craig

Ajax

answered on 01 Dec 2010

1 answer

47 views

Problem In Row Selection

How to add checkboxcolumn or command button to select a row in radgrid programmatically

General Discussions

answered on 01 Dec 2010

3 answers

142 views

FormTemplate edit modal does not work.

I'm using a FormTemplate for editing, and if I set the PopUpSettings-Modal="true", the entire browser is disabled and nothing can be done.

On you demo page, can the second example work the same way as the first example modal popup?
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/popupeditform/defaultcs.aspx

Right now in the second example I can click on stuff on the parent page which is not what i was expecting.

thanks

Grid