I have a problem with Internet Explorer 7 using in the same page the following controls :
RadWindowManager
RadAjaxManager
RadGrid
For Example, if I do a sort in the grid, it appears on the top of the page an empty space.
It is all right with Safari and Firefox.
If I remove a control RadWindowManager or RadAjaxManager, it is all right.
<telerik:RadScriptManager ID="RadScriptManager" Runat="server">
</telerik:RadScriptManager>
<telerik:RadWindowManager ID="RadWindowManager" runat="server" EnableEmbeddedSkins="true" Skin="Default"
VisibleStatusbar="False" Behavior="Reload,Move,Resize" Height="500px" Width="700px" Title=""
Animation="Resize" Modal="false">
</telerik:RadWindowManager>
<telerik:RadAjaxManager ID="RadAjaxManager" runat="server"
DefaultLoadingPanelID="RadAjaxLoadingPanel">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="form1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadWindowManager"
LoadingPanelID="RadAjaxLoadingPanel" />
<telerik:AjaxUpdatedControl ControlID="RadGrid_Users" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadGrid ID="RadGrid_Users" runat="server" AllowPaging="True"
AllowSorting="True" AutoGenerateColumns="False" GridLines="None" Skin="Default"
EnableEmbeddedSkins="true" PageSize="4" >
<HeaderContextMenu>
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</HeaderContextMenu>
<MasterTableView DataKeyNames="Id" Name="MasterTable" CellSpacing="-1">
<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<DetailTables>
<telerik:GridTableView runat="server" AllowPaging="False" AllowSorting="False"
DataMember="Detail" ShowHeader="False" Name="Detail" Height="100%"
Width="100%" PageSize="10">
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn UniqueName="DetailHolder">
</telerik:GridTemplateColumn>
</Columns>
<EditFormSettings>
<EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif"
InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif">
</EditColumn>
</EditFormSettings>
</telerik:GridTableView>
</DetailTables>
<ExpandCollapseColumn Visible="True">
</ExpandCollapseColumn>
<EditFormSettings>
<EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif"
InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif">
</EditColumn>
</EditFormSettings>
<PagerStyle Mode="NextPrev" />
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="True" />
</ClientSettings>
<FilterMenu>
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
</FilterMenu>
</telerik:RadGrid>
sds:SessionDataSource. is it the reason of the error ?| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Untitled Page</title> |
| <style type="text/css"> |
| .Hidden |
| { |
| visibility: hidden; |
| } |
| </style> |
| </head> |
| <body> |
| <script type="text/javascript"> |
| function checkboxClick(e) |
| { |
| e.cancelBubble = true; |
| if (e.stopPropagation) |
| { |
| e.stopPropagation(); |
| } |
| } |
| function OnClientDropDownClosing(sender) |
| { |
| document.getElementById(sender.get_id() + "Helper").click(); |
| } |
| </script> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
| <div> |
| <telerik:RadComboBox runat="server" ID="RadComboBox1" Height="200" HighlightTemplatedItems="true" |
| AutoPostBack="false" AllowCustomText="true" Text="All"> |
| <Items> |
| <telerik:RadComboBoxItem Text="One" /> |
| <telerik:RadComboBoxItem Text="Two" /> |
| <telerik:RadComboBoxItem Text="Three" /> |
| </Items> |
| <ItemTemplate> |
| <div> |
| <asp:CheckBox onclick="checkboxClick(event);" runat="server" ID="CheckBox" Text="" /> |
| <%# DataBinder.Eval(Container, "Text") %> |
| </div> |
| </ItemTemplate> |
| </telerik:RadComboBox> |
| <asp:Button ID="RadComboBox1Helper" runat="server" Text="" CssClass="Hidden" OnClick="ButtonHelper_Click" /> |
| </div> |
| </form> |
| </body> |
| </html> |
| using System; |
| using System.Web.UI; |
| public partial class _Default : System.Web.UI.Page |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| if (!IsPostBack) |
| { |
| RadComboBox1.DataBind(); |
| RadComboBox1.OnClientDropDownClosing = "OnClientDropDownClosing"; |
| //RadComboBox1.OnClientSelectedIndexChanging = "OnClientDropDownClosing"; |
| } |
| Page.Title = "new title"; |
| } |
| #region DropDown Closed Events |
| protected void ButtonHelper_Click(object sender, EventArgs e) |
| { |
| RadComboBox1.Text = "13"; |
| } |
| #endregion |
| } |
<telerik:RadScheduler ID="rsSchedule" runat="server" DataEndField="InducDt" DataKeyField="ID"
DataStartField="InducDt" DataSubjectField="SlotDesc" FirstDayOfWeek="Monday"
LastDayOfWeek="Saturday" OverflowBehavior="Expand" SelectedView="MonthView" Culture="English (United States)"
DayEndTime="19:00:00" DayStartTime="08:00:00" EditFormDateFormat="MM/dd/yyyy"
EditFormTimeFormat="h:mm:tt" Height="500px" MonthVisibleAppointmentsPerDay="3"
EnableEmbeddedSkins="true" ShowViewTabs="true" Skin="Hay" BackColor="#98cb33"
DisplayRecurrenceActionDialogOnMove="True" ShowFullTime="True" AllowDelete="false"
AllowInsert="false" TimelineView-UserSelectable="false" CustomAttributeNames="Deliverables">
<MonthView VisibleAppointmentsPerDay="3" />
<AdvancedEditTemplate>
<div style="background-color: #e2f59e">
<table align="center" border="0" width="95%" cellpadding="5" cellspacing="0">
<tr class="tableRow">
<td class="tableCellInduct">
<br />
</td>
</tr>
<tr class="tableRow">
<td class="tableCellInduct1">
<asp:Label ID="lblDescription" AssociatedControlID="lblSubject" runat="server" Text="Description"
Font-Bold="true">
</asp:Label>
</td>
</tr>
<tr class="tableRow">
<td class="tableCellInduct">
<br />
<asp:Label ID="lblSubject" runat="server" Text='<%# Bind("Subject") %>'>
</asp:Label>
</td>
</tr>
<tr class="tableRow">
<td class="tableCellInduct">
<br />
</td>
</tr>
<tr class="tableRow">
<td class="tableCellInduct1">
<table width="40%" align="left">
<tr>
<td class="tableCellInduct1">
<asp:Label ID="lblDate" AssociatedControlID="rdtpFrom" runat="server" Text="Induction Date"
Font-Bold="true"></asp:Label>
</td>
<td style="background-color: #e2f59e" align="left">
<telerik:RadDateTimePicker ID="rdtpFrom" runat="server" DateInput-ReadOnly="true"
SelectedDate='<%# Bind("Start") %>' MinDate='<%# Date.Now.Date %>' TimeView-StartTime="08:00:00"
TimeView-EndTime="19:15:00" TimeView-Interval="00:15:00" TimeView-Columns="4">
</telerik:RadDateTimePicker>
</td>
</tr>
</table>
<tr class="tableRow">
<td class="tableCellInduct">
<br />
</td>
</tr>
<tr class="tableRow">
<td align="center" style="background-color: #e2f59e">
<asp:ImageButton ID="btnUpdate" runat="server" CommandName="Update" ImageUrl="~/Images/update.gif"
CausesValidation="false" />
<asp:ImageButton ID="btnCancel" runat="server" CommandName="Cancel" ImageUrl="~/Images/Cancel.gif"
CausesValidation="false" />
</td>
</tr>
</table>
</div>
</AdvancedEditTemplate>
</telerik:RadScheduler>
Now while editing if I select a date lesser the InductDt(the field from the database binded to Start and End Date) it works fine.
But if I select a date greater than the InducDt it gives me an error saying that the 'Appointment Start Date and Time should be less than the End Date and Time'.
I have even tried setting the Causes Validation property of the Update Btn to false and setting the Validation Group of the Scheduler to blank. But no use
Please suggest a way out of this.