Questions on UI for ASP.NET AJAX Forum

2 answers

82 views

How to find my control form AppointmentDataBound?

<telerik:RadScheduler ID="rsDaySchedule" Height="2093px" BorderStyle="None" ShowNavigationPane="false" Width ="100%" ShowViewTabs="false" AllowDelete="False" AllowEdit="true" AllowInsert="False" HoursPanelTimeFormat="h:mmtt" NumberOfHoveredRows="1"

RowHeight ="52px" DayStartTime="8:30:00" DayEndTime="13:00:00" SelectedView="DayView" OnAppointmentDataBound="rsDaySchedule_AppointmentDataBound" OnAppointmentCommand="rsDaySchedule_AppointmentCommand" OnAppointmentClick="rsDaySchedule_AppointmentClick" MinutesPerRow="15" DataSubjectField="OrgName" DataKeyField="ScheduleEntryID" DataStartField="startTime" DataEndField="endTime" CustomAttributeNames="Desicions,DayLeft,ScheduleEntryID,OrgID" EnableCustomAttributeEditing="true" runat="server" style="left: 0px; top:0px" Skin="Sunset">

<AppointmentTemplate >

<asp:Table ID="Table1" CssClass="OrgInfo" BorderStyle="NotSet" runat="server" Width ="100%" Height="52px" >

<asp:TableRow Height="30px">

<asp:TableCell Width ="109px">

<asp:Label ID="lblOrgName" runat ="server" Text="Organization Name: "></asp:Label>

</asp:TableCell>

<asp:TableCell Width ="339px">

<asp:Label ID="txtOrgName" runat ="server" Font-Bold="true" Text='<%# Eval("Subject") %>'></asp:Label>

</asp:TableCell>

<asp:TableCell Width ="228px">

<asp:Label ID="lblDecision" runat ="server" Text="Decision: "></asp:Label>

<asp:Label ID="txtDecision" runat ="server" Font-Bold="true" Text='<%# Eval("Desicions") %>'></asp:Label>

</asp:TableCell>

<asp:TableCell Width ="82px">

<asp:Label ID="lblDayLeft" runat ="server" Text="Days Left: "></asp:Label>

<asp:Label ID="txtDayLeft" runat ="server" Font-Bold="true" Text='<%# Eval("DayLeft") %>'></asp:Label>

<asp:HiddenField ID="hdScheduleEntryID" Value ='<%# Eval("ScheduleEntryID") %>' runat="server" />

<asp:HiddenField ID="hdOrgID" Value ='<%# Eval("OrgID") %>' runat="server" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow Height="21px">

<asp:TableCell >

</asp:TableCell>

<asp:TableCell >

</asp:TableCell>

<asp:TableCell >

<asp:LinkButton ID="lbtnResche" runat="server" ForeColor="Blue" CommandName="Reschedule" Text="Reschedule"></asp:LinkButton>

<asp:LinkButton ID="lbtnRatings" runat="server" ForeColor="Blue" CommandName="EditRating" Enabled="True" Text="Edit Ratings"></asp:LinkButton>

<asp:LinkButton ID="lbtnNext" runat="server" ForeColor="Blue" CommandName="More" Text="More info ..." > </asp:LinkButton>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</AppointmentTemplate>

</telerik:RadScheduler

>



My question: How to find my control lbtnRatings form 
 

Protected Sub rsDaySchedule_AppointmentDataBound(ByVal sender As Object, ByVal e As SchedulerEventArgs)



Thank you very much for your help in advance!



Susan

Scheduler

answered on 27 May 2011

2 answers

75 views

make subtle changes to skin?

Hi All, not sure if this is the right place to post this question so if it isn't I apologise...

I want to use the built in Black skin for my ASP.Net AJAX controls on a website I'm building, but instead of the highlight colour when hovering etc to be the lime green, I want to use orange. I know the colour (#9eda29) and could do a global replace on the skins to #ff6600 but I was wondering if there was a better way?

I'd rather not have to add all the skin css references to my pages but if this is what I need to do then so be it, but I thought I'd ask.

SkinManager

answered on 27 May 2011

6 answers

326 views

AutoCompleteType In RadNumericTextBox

in RadNumericTextBox how to use AutoCompleteType="Disabled"

Thanks,
Mohamed.

Grid

answered on 27 May 2011

8 answers

147 views

position changed when scroll

Hi,
I have a tooltip that works just great (pops up on top of the checkbox) until you scroll down far enough to where the tooltip has to be displayed under the content. This is where it gets interesting:
1) When 1st hover over content the tooltip shows up in the correct place (under the checkbox). Then if you scroll up and hover on content again the tooltip is on the right side, almost like it has position:TopRight applied.
2) When hover over content again the tooltip shows up under the content but is also on the right side, like it has position:BottomRight applied. (When scroll up and hover on content, the tooltip is in it's proper position)
How can I fix this problem? Thanks so much!

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wishListToolTip.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!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>Wish List ToolTips</title

</head

<body

<form id="form1" runat="server"

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RelativeTo="Element" Position="TopLeft" Width="250" Height="50" AutoTooltipify="True" OffsetY="12" OffsetX="-400"

</telerik:RadToolTipManager><br> <br /><br /><br /><br /><br><br><br

>    

<

asp:CheckBox ID="CheckBox7" runat="server" text="This is my placeholder text" ToolTip="This is my placesholder tooltip text" /><br /><br /><br> <br /><br /><br /><br /><br /><br /><br /><br /><br

>    

</

form

</body

</html>

ToolTip

answered on 27 May 2011

2 answers

63 views

DayNameFormat set to Short sets strange column widths?

I've just started to use the RadCalendar control on my page and wanted to change the day header text from MTWTFSS to Mon, Tue, Wed etc so I set the DayNameFormat property to "Short". This has done what I expected, but now the columns are all different sizes?

Does anyone else experience this, or know how to fix it?

I've attached my code and a screen shot to highlight the issue...

<telerik:RadCalendar

id="DatePicker1"

runat="server"

Skin="Black"

EnableMultiSelect="False"

Width="400"

FirstDayOfWeek="Monday"

>

</telerik:RadCalendar><br />

<br />

<telerik:RadCalendar

id="DatePicker2"

runat="server"

Skin="Black"

EnableMultiSelect="False"

Width="400"

FirstDayOfWeek="Monday"

DayNameFormat="Short"

>

</telerik:RadCalendar>

Calendar

answered on 27 May 2011

4 answers

413 views

Setting a RadCalendar's Selected Dates

I am having a tough time setting the dates that are selected in a RadCalendar. I have been researching this, and from what I see the only way is to fill the SelectedDates properrty. The RadCalendar is contained in a UserControl that is embedded in a RadPanelBar->RadPane object.

This is an MVC app with no code behind and is using a MasterPage.

I am filliing a ViewData[] member with an array of RadDates prior to showing the View. So everything has to be done using JavaScript.

I am unable to get the instance of RadCalendar as a "RadCalendar". Meaning in the OnLoad I get an object by it's ID but when I address the SelectedDates property I get the "SelectedDates" is not a known property", or "Undefined" message.

I can get the data using a JavaScript enabled, Ajax Enabled web service, or I can use a JSON result from the controller. But again, when I try to assign the array of RadDates to the Calendar object it fails.

function getEventDatesFromController()

{

var returnData = $.ajax(

{

type: "POST",

url: "/Events/GetRadEventDatesByDateRange",

data: "startDate=" + "1/1/2000" + "&endDate=" + "1/1/2100",

success: function (result) {

var xml;

debugger

if (typeof data == "string") {

xml = new ActiveXObject("Microsoft.XMLDOM");

xml.async = false;

xml.loadXML(data);

} else {

xml = result;

returnData = result;

var ctrlEventCalendar = <%= ctrlEventCalendar.ClientID %>;

ctrlEventCalendar.selectDates(returnData, true); <-- Fails!!!, so does the following for loop

for (var i = 0; i < returnData.length; i++) {

ctrlEventCalendar.SelectDate(returnData[i], true);

}

if(result.success) {

alert("Controller Called Successfully");

},

error: function (req, status, error) {

alert("Sorry! Problem calling Event Controller

}

});

return returnData;

}

<div class="box-leftEventCalendar">

<telerik:RadCalendar runat="server" ID="ctrlEventCalendar" Style="margin: 6px auto 0" EnableMultiSelect="false">

</telerik:RadCalendar>

</div>

So my questions are:

How do you get the instance of the Calendar object as RadCalendar?
How do you set the selected dates?

Any help or examples would be great.

Thanks,
Reid

Calendar

answered on 27 May 2011

2 answers

216 views

How to register embedded skin for a radgrid

Hi there,
How can I use an embedded skin for a rad grid ? I used the coding below

<telerik:RadGrid runat="server" ID="rdGd1" EnableEmbeddedSkins="true"

skin="MySkin" GridLines="None">

which gives me an error like :

Telerik.Web.UI.RadGrid with ID='rdGd1' was unable to find embedded skin with name 'MySkin'. Please, make sure that you spelled the skin name correctly, or if you want to use a custom skin, set EnableEmbeddedSkins=false.

Could you please give me a solution for this ?
Thanks
Shafi

Grid

answered on 27 May 2011

1 answer

72 views

Hierarchical RadPanelBar

Can someone please give me an example of how I can bind a RPB to a hierarchical dataset?

Thanks.

General Discussions

answered on 27 May 2011

1 answer

69 views

Autocomplete issues - Custom Searching and Bug

Please let me know about the following

1) Instead of searching only at beginning of the Name field, can it show all entries that consist of what you have typed in? For example, typing in ‘Smith’ would show the dropdown of the following: See Attached image 1.png

2) Odd behavior when entering search value:

As soon as I open this page, I highlight the 0000 entry shown above and type in 0032

Expecting it to find ‘0032 – Chubb Foundation’

Instead it displays ‘003200 – Bryman College’, but notice that Bryman College in the dropdown (up) is 3200.

If I hit the enter key to ‘accept’ this entry, the display changes to

I think it is not taking care of initial zeros in the search. Please let us know as it is a very important issue for you

Thanks very much and Regards,

ComboBox

answered on 27 May 2011

3 answers

136 views

postback request content length

We're having troubles with performance on our implementation of the RadScheduler. We have a rather fully-featured RadScheduler on the page, and a RadAjaxManager that handles postbacks. Our clients have reported anywhere from 4second to 20second round-trip load times when browsing through the scheduler.

We've sped up processing time on the server to about 1.5s (there are 5 sets of resources that are loaded, which vary depending on the user). We've implemented static content compression, dynamic content compression (IIS 7), and RadCompression which has sped up response delivery time to about an average 1s. What we've noticed is that the big variance in performance is because of the request size. When we make a request, like paging the radscheduler back 1 week, it loads in async, and the request header shows:

Content-Type: application/x-www-form-urlencoded; charset=utf-8
Content-Length: 248485

The request's content length is usually between 230KB and 270KB, even when there are zero appointments loaded on the scheduler for the week being viewed. On a faster client connection, it is only taking about 2s to send the request to the server. But on some client connections, that same request is taking about 10-15 seconds just to POST, before taking 2.5s to process and provide a response.

Is this normal? Is there anything that we can do? Is this the resource data being included in every request? In our 5 resource types, we have a total of about 1200 resources, they include things like a user list, a location list, etc.

Because of a bug in the OnClientAppointmentMoveEnd(), we're not able to implement a client-side web services solution yet.

Scheduler

answered on 27 May 2011