Questions on UI for ASP.NET AJAX Forum

0 answers

149 views

RadDatePicker on IE - Text property cannot be set. String was not recognized as a valid DateTime.

Hi,

I have a RadDatePicker with the following code

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

where keyUp() is defined as:

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();

}

The idea is simple, save the value upon hitting the ENTER key.
However, when using IE 8 (yes, only IE but works on Chrome), we get the error as seen in the attached file.

What could be wrong?
We're not setting any SelectedDate property in the button click. I also tried to break point our save button event and the error happens even before the first line is hit. So I'm guessing it's a telerik control problem.

Thanks and regards,

Rafferty

Calendar

asked on 13 Aug 2012

5 answers

57 views

Scheduler rendering wide on load IE9

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>

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

}

Scheduler

answered on 13 Aug 2012

1 answer

146 views

Can't Access Telerik Controls

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

Documentation and Tutorials

answered on 12 Aug 2012

2 answers

160 views

RadGrid PDF export to server

Hello, Telerik team, I have a question.

For a lot of hours I've tried to solve my problem. I want to export the data source of a RadGrid to a file on the server.

RadGrid1.MasterTableView.ExportToPdf()

exports the Pdf file and sends it to the client side. I would like to store my file on server side. I'm using ASP.NET with Visual Basic.

Thank you in advance for any help.

Best regards,
Lajos Árpád.

Grid

answered on 12 Aug 2012

2 answers

163 views

Radgrid is disappeared after clicking on the "Add New Record" error

do you have any ideas? below is my code.
Thanks!

Grid

answered on 12 Aug 2012

1 answer

56 views

Colours changing but not correct

I have a radscheduler on a webform and have this code. It is probably something really stupid that I can't see so here goes.

I have a table of users and schedules. The users have a named colour stored in the table.

What I am try to achieve?

I am tried to get all the schedules for the users and make their appointments show up in the specified colour stored in the database.

I have a small issue of retaining the correct colour as all the other colours are overwritten by the last loop.

Example.

User1 ----- Red
User2 ----- Blue

When the Schedule is rendered all the items are blue. Is there a way around this? Or am I making a schoolboy error? I hnave already tried the same code on AppointmentOnDataBound

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

}

Can someone please tell me why the second colour overwrites the first colour

Scheduler

answered on 12 Aug 2012

4 answers

147 views

Resource not visible or not there at all

In radscheduler i tried to do something like the example: http://demos.telerik.com/aspnet-ajax/scheduler/examples/customizeappointment/defaultcs.aspx
to show appointments with some of resource information (actually in my case subject is irrelevant, only the resource "program" is important to display).

the problem is that it seems the resources are not binding right, or something else is wrong. I get "none" always, despite the fact that my database hold the value for the resource related. What can be wrong ?

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

Scheduler

answered on 11 Aug 2012

2 answers

233 views

How to move RadWindow on Mouse left button click

How to move RadWindow on Mouse left button click

I have following code to open RadWindow

<telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false"
    Modal="false"    ReloadOnShow="true" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Close" >
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>

   <script type="text/javascript">
        function openRadWindow() {
            try {
                var oWnd1 = radopen("NonOptimizedGraph.aspx", "RadWindow1"); //Pass parameter using URL
                oWnd1.setSize(800,600);
                oWnd1.centre();
                    return false;
            }
            catch (err) {
                //Handle errors here
            }
        }

    </script>

Window

answered on 11 Aug 2012

4 answers

144 views

Buttons Hidden Behind Listbox

I have buttons set up to display to the right of the listbox, however when it dipslays, the buttons are hidden behind the listbox. The listbox is on a webcontrol that is being used as an edit form for a grid.

ListBox

answered on 10 Aug 2012

2 answers

143 views

Radwindow Disappears and Reappears when updating ajaxified control

Hi there!

We have a Radwindow with a couple of server-controls in its ContentTemplate (i.e. a ComboBox, a TextBox...). The entire Content is ajaxified using an asp:panel directly within the ContentTemplate.

The RadWindow is opened from a RadButton via a client-side script. However, the button needs to perform a partial postback, because the controls within the RadWindiw need to be updated conditionally (server-side). Because of this, we set the RadWindow's VisibleOnPageLoad property to "true" in the button's server Click event (in order to prevent the RadWindow from closing after the partial postback).

The expected (and wanted) behavior would be:

Button Click
RadWindow opens directly (javascript)
Ajax-Loader shows, the RadWindow's content is updated and the RadWindow stays visible

What happens is:

Button Click
RadWindow opens directly (javascript)
Ajax-Loader shows and the RadWindow's content is updated
Radwindow disappears and directly reappears (blinks) <-- This is unwanted and quite annoying to the user

What is causing the fourth step (why the annoying blinking-effect)? Any help or suggestion would be very much appreciated!!

Hans

Window

answered on 10 Aug 2012