Questions on UI for ASP.NET AJAX Forum

1 answer

93 views

I have a modal dialog and soem Input filters and Search Button. All controls are within a Rad ajax panel.
On button Ajax postback i want to redirect to a different page within the website.
It is redirecting to the page but all the images/css are not getting resolved.
Images shows a "+" symbol and css styles are not applied.

Ajax

answered on 23 Apr 2012

1 answer

106 views

Passing Server Arguments from Dialog to Main Page

Hello,
I know there is an example on the Demos page to pass server arguments to the dialog from the main page, but I would like to reverse that and pass server arguments from the dialog to the main page. So if the user changes data in the dialog it would pass back to the main page like MainPage.aspx?CustomerID=AROUT.

Is this possible? If it is, how would I go about doing it?

Thanks!
Justin

Window

answered on 23 Apr 2012

2 answers

106 views

No error message with DurationValidator in AdvancedForm

Hi,

In my scheduler, in AdvancedForm Edit mode: when I compare 2 dates (StartDate, EndDate, StartTime, EndTime) and the StartDate is greater than the EndDate I catch an exception.
But the defined message doesn't appear after submitting and all textboxes are empty with a warning icon (Enclosed screenshot of actual result).
It's the same issue with StartTime and EndTime.
How can I display my warning message to inform my user which date is wrong ?
Here is the code :
------------------------------------
AdvancedFormCS.ascx :

<%@ Control Language="C#" AutoEventWireup="true"
    Inherits="SchedulerTemplatesCS.AdvancedForm" Codebehind="AdvancedFormCS.ascx.cs" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
    <div class="rsModalBgTopLeft">
    </div>
    <div class="rsModalBgTopRight">
    </div>
    <div class="rsModalBgBottomLeft">
    </div>
    <div class="rsModalBgBottomRight">
    </div>
    <%-- Title bar. --%>
    <div class="rsAdvTitle">
        <%-- The rsAdvInnerTitle element is used as a drag handle when the form is modal. --%>
        <h1 class="rsAdvInnerTitle">
            <%= (this.Mode.ToString() == "Edit") ? Owner.Localization.AdvancedEditAppointment : Owner.Localization.AdvancedNewAppointment %></h1>
        <asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose"
            CommandName="Cancel" CausesValidation="false" ToolTip='<%# Owner.Localization.AdvancedClose %>'>
			<%= Owner.Localization.AdvancedClose %>
        </asp:LinkButton>
    </div>
    <div class="rsAdvContentWrapper">
        <%-- Scroll container - when the form height exceeds MaximumHeight scrollbars will appear on this element--%>
        <div class="rsAdvOptionsScroll">
            <asp:Panel runat="server" ID="AdvancedEditOptionsPanel" CssClass="rsAdvOptions">
                <asp:Panel runat="server" ID="BasicControlsPanel" CssClass="rsAdvBasicControls">
                    <asp:Label runat="server" ID="SubjectText" Width="100%" Label='<%# Owner.Localization.AdvancedSubject + ":" %>' EnableSingleInputRendering="false" />
                    <ul class="rsTimePickers">
                        <li class="rsTimePick">
                            <label for='<%= StartDate.ClientID %>_dateInput_text'>
                                <%= Owner.Localization.AdvancedFrom %></label><%--
							    Leaving a newline here will affect the layout, so we use a comment instead.
                                --%><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker" 
                                    Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' >
                                    <DatePopupButton Visible="False"/>
                                    <DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                        EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                </telerik:RadDatePicker>
                            <%--
							
                            --%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
                                Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
                                <TimeView ShowHeader="true" HeaderText="Sélectionner une heure de début"  runat="server" Skin='<%# Owner.Skin %>' ID="TimeViewStart" />
                                <DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" />
                                <TimePopupButton Visible="false" />
                            </telerik:RadTimePicker>
                        </li>
                        <li class="rsTimePick">
                            <label for='<%= EndDate.ClientID %>_dateInput_text'>
                                <%= Owner.Localization.AdvancedTo%></label><%--
							
                                --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
                                    Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
                                    <DatePopupButton Visible="False"/>
                                    <DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                        EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                </telerik:RadDatePicker>
                            <%--
							
                            --%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
                                Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
                                <TimeView ShowHeader="true" HeaderText="Sélectionner une heure de fin" runat="server" Skin='<%# Owner.Skin %>' ID="TimeViewEnd" />
                                <DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                <TimePopupButton Visible="false" />
                            </telerik:RadTimePicker>
                        </li>
                    </ul>
                    <asp:RequiredFieldValidator runat="server" ID="StartDateValidator" ControlToValidate="StartDate"
                        EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
                    <asp:RequiredFieldValidator runat="server" ID="StartTimeValidator" ControlToValidate="StartTime"
                        EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
                    <asp:RequiredFieldValidator runat="server" ID="EndDateValidator" ControlToValidate="EndDate"
                        EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
                    <asp:RequiredFieldValidator runat="server" ID="EndTimeValidator" ControlToValidate="EndTime"
                        EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
                   <asp:CustomValidator runat="server" ID="DurationValidator" ControlToValidate="StartDate"
                        EnableClientScript="false" Display="Dynamic" CssClass="rsValidatorMsg rsInvalid"
                        OnServerValidate="DurationValidator_OnServerValidate" />
 
                </asp:Panel>
                <telerik:RadCalendar runat="server" ID="SharedCalendar" Skin='<%# Owner.Skin %>'
                    CultureInfo='<%# Owner.Culture %>'                    
                    EnableNavigation="true"
                    DayCellToolTipFormat="dddd, dd MMMM, yyyy" EnableMultiSelect="False" 
                    FirstDayOfWeek="Monday" ShowDayCellToolTips="False"
                    EnableMonthYearFastNavigation="False" />
            </asp:Panel>
        </div>
        <asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
            <div class="rsAdvButtonWrapper">
                <asp:LinkButton runat="server" ID="UpdateButton" CssClass="rsAdvEditSave">
					<span><%= Owner.Localization.Save %></span>
                </asp:LinkButton>
                <asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" CommandName="Cancel"
                    CausesValidation="false">
					<span><%= Owner.Localization.Cancel %></span>
                </asp:LinkButton>
            </div>
        </asp:Panel>
    </div>
</div>

------------------------------------------
AdvancedFormCS.ascx.cs

using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using Telerik.Web.UI;
using Telerik.Web.UI.Calendar;
 
namespace SchedulerTemplatesCS
{
	/// <summary>
	/// Specifies the advanced form mode.
	/// </summary>
	public enum AdvancedFormMode
	{
		Insert, Edit
	}
 
	public partial class AdvancedForm : UserControl
	{
		#region Private members
 
		private bool FormInitialized
		{
			get
			{
				return (bool) (ViewState["FormInitialized"] ?? false);
			}
 
			set
			{
				ViewState["FormInitialized"] = value;
			}
		}
 
		private AdvancedFormMode mode = AdvancedFormMode.Insert;
 
		#endregion
 
		#region Protected properties
 
		protected RadScheduler Owner
		{
			get
			{
				return Appointment.Owner;
			}
		}
 
		protected Appointment Appointment
		{
			get
			{
				SchedulerFormContainer container = (SchedulerFormContainer) BindingContainer;
				return container.Appointment;
			}
		}
 
		#endregion
 
		#region Public properties
 
		public AdvancedFormMode Mode
		{
			get
			{
				return mode;
			}
			set
			{
				mode = value;
			}
		}
 
		[Bindable(BindableSupport.Yes, BindingDirection.TwoWay)]
		public string Subject
		{
			get
			{
				return SubjectText.Text;
			}
 
			set
			{
				SubjectText.Text = value;
			}
		}
 
		[Bindable(BindableSupport.Yes, BindingDirection.TwoWay)]
		public DateTime Start
		{
			get
			{
                DateTime result = StartDate.SelectedDate.Value.Date;
 
 
                    TimeSpan time = StartTime.SelectedDate.Value.TimeOfDay;
                    result = result.Add(time);
 
                return Owner.DisplayToUtc(result);
            }
 
			set
			{
				StartDate.SelectedDate = Owner.UtcToDisplay(value);
				StartTime.SelectedDate = Owner.UtcToDisplay(value);
			}
		}
 
		[Bindable(BindableSupport.Yes, BindingDirection.TwoWay)]
		public DateTime End
		{
			get
			{
                DateTime result = EndDate.SelectedDate.Value.Date;
 
                    TimeSpan time = EndTime.SelectedDate.Value.TimeOfDay;
                    result = result.Add(time);
 
                return Owner.DisplayToUtc(result);
            }
 
			set
			{
				EndDate.SelectedDate = Owner.UtcToDisplay(value);
				EndTime.SelectedDate = Owner.UtcToDisplay(value);
			}
		}
 
		#endregion
 
		protected void Page_Load(object sender, EventArgs e)
		{
			UpdateButton.ValidationGroup = Owner.ValidationGroup;
			UpdateButton.CommandName = Mode == AdvancedFormMode.Edit ? "Update" : "Insert";
 
			InitializeStrings();
            SetDates();
        }
 
		protected void DurationValidator_OnServerValidate(object source, ServerValidateEventArgs args)
		{
			args.IsValid = (End - Start) > TimeSpan.Zero;
		}
 
		#region Private methods
 
		private void InitializeStrings()
		{
			StartDateValidator.ErrorMessage = Owner.Localization.AdvancedStartDateRequired;
            
			StartDateValidator.ValidationGroup = Owner.ValidationGroup;
 
			StartTimeValidator.ErrorMessage = Owner.Localization.AdvancedStartTimeRequired;
			StartTimeValidator.ValidationGroup = Owner.ValidationGroup;
 
			EndDateValidator.ErrorMessage = Owner.Localization.AdvancedEndDateRequired;
			EndDateValidator.ValidationGroup = Owner.ValidationGroup;
 
			EndTimeValidator.ErrorMessage = Owner.Localization.AdvancedEndTimeRequired;
			EndTimeValidator.ValidationGroup = Owner.ValidationGroup;
 
			DurationValidator.ErrorMessage = Owner.Localization.AdvancedStartTimeBeforeEndTime;
                           DurationValidator.ValidationGroup = Owner.ValidationGroup;
                           DurationValidator.Visible = true;
 
                           SharedCalendar.FastNavigationSettings.OkButtonCaption = Owner.Localization.AdvancedCalendarOK;
                           SharedCalendar.FastNavigationSettings.CancelButtonCaption = Owner.Localization.AdvancedCalendarCancel;
                           SharedCalendar.FastNavigationSettings.TodayButtonCaption = Owner.Localization.AdvancedCalendarToday;
 
		}
 
        private void SetDates()
        {
            DayOfWeek dayToday = DateTime.Now.DayOfWeek;
            int nbJourASoustraire = 0;
            switch (dayToday)
            {
                case DayOfWeek.Monday:
                    break;
                case DayOfWeek.Tuesday:
                    nbJourASoustraire = 1;
                    break;
                case DayOfWeek.Wednesday:
                    nbJourASoustraire = 2;
                    break;
                case DayOfWeek.Thursday:
                    nbJourASoustraire = 3;
                    break;
                case DayOfWeek.Friday:
                    nbJourASoustraire = 4;
                    break;
                case DayOfWeek.Saturday:
                    nbJourASoustraire = 5;
                    break;
                case DayOfWeek.Sunday:
                    nbJourASoustraire = 6;
                    break;
            }
 
            DateTime minDate = DateTime.Now.AddDays(-nbJourASoustraire);
            SharedCalendar.RangeMinDate = minDate;
            SharedCalendar.RangeMaxDate = minDate.AddDays(6);
        }
       
 
		#endregion
	}
}



----------------------------------------




Part of my Scheduler.aspx :
<telerik:RadScheduler runat="server" ID="rsPlanning" OnClientAppointmentClick="appointmentClick" RowHeight="35px" ValidationGroup="Toto"
                    Culture="fr-FR" DataEndField="DT_FIN" DataKeyField="ID_PLANNING" DataSourceID="edsPlanning"
                    DataStartField="DT_DEBUT" DataSubjectField="SUJET" GroupBy="Groupement"
                    OnAppointmentInsert="rsPlanning_AppointmentInsert" OnAppointmentDelete="rsPlanning_AppointmentDelete"
                    SelectedView="TimelineView" ShowFooter="False" ShowViewTabs="False" WorkDayEndTime="05:00:00"
                    WorkDayStartTime="05:00:00" DayEndTime="05:00:00" DayStartTime="05:00:00" LastDayOfWeek="Monday"
                    FirstDayOfWeek="Monday" ShowHeader="True" BorderColor="#999999" BorderWidth="1"
                    BorderStyle="Solid" ShowAllDayRow="True"
                    ShowNavigationPane="False" Skin="Windows7" OnNavigationCommand="rsPlanning_NavigationCommand"
                    AppointmentStyleMode="Default" OnAppointmentDataBound="rsPlanning_AppointmentDataBound"
                    OnClientAppointmentMoving="onClientAppointmentMovingHandler" AllowInsert="False"
                    OnClientAppointmentResizeEnd="onClientAppointmentResizEndHandler"
                    EditFormDateFormat="dddd" OnClientFormCreated="schedulerFormCreated" OverflowBehavior="Expand">
                    <Localization AdvancedEditAppointment="Editer affectation" AdvancedNewAppointment="Nouvelle affectation"
                        AdvancedCalendarCancel="Annuler" AdvancedClose="Fermer" AdvancedEndDateRequired="Date de fin requise"
                        AdvancedEndTimeRequired="Heure de fin requise" AdvancedFrom="Date début" AdvancedNoEndDate="Pas date de fin"
                        AdvancedStartDateRequired="Date de début requise" AdvancedStartTimeBeforeEndTime="la date de début doit précéder la date de fin"
                        AdvancedStartTimeRequired="Heure de début requise" AdvancedSubject="Gare" Cancel="Annuler" 
                        ConfirmCancel="Annuler" ConfirmDeleteText="Etes-vous sûr de vouloir supprimer cette affectation ?"
                        ConfirmDeleteTitle="Suppression affectation" ContextMenuDelete="Supprimer" ContextMenuEdit="Editer"
                        Save="Enregistrer" AdvancedTo="Date fin" />
                    <TimelineView GroupingDirection="Vertical" NumberOfSlots="21" ColumnHeaderDateFormat="dddd"
                        EnableExactTimeRendering="True" SlotDuration="08:00:00" StartTime="05:00:00"
                        TimeLabelSpan="3" HeaderDateFormat="dddd" />
                    <ExportSettings FileName="PlanningExport" OpenInNewWindow="True">
                        <Pdf PageTitle="Planning d'affectation des gares" Title="Planning" PaperSize="A4" PageLeftMargin="0mm" PageRightMargin="0mm"/>
                    </ExportSettings>
                    <AdvancedForm EnableResourceEditing="False" MaximumHeight="200px" Modal="True" Width="500px" />
                    <ResourceTypes>
                        <telerik:ResourceType DataSourceID="edsGptPlanning" ForeignKeyField="ID_GROUPEMENT"
                            KeyField="ID_GROUPEMENT" Name="Groupement" TextField="NOM_GROUPEMENT" />
                        <telerik:ResourceType ForeignKeyField="ID_GARE" KeyField="ID_GARE" Name="Gare" DataSourceID="edsGare"
                            TextField="LI_GARE" />
                    </ResourceTypes>
                    <AppointmentContextMenuSettings EnableDefault="True" />
                    <AdvancedEditTemplate>
                        <scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>'
                            Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' />
                    </AdvancedEditTemplate>
                </telerik:RadScheduler>

Scheduler

answered on 23 Apr 2012

1 answer

117 views

Close Rad Window with Rad Grid Item Command

hi telerik

i have radgrid inside user control, this user cotrol inside ContentTemplate of rad window,
i want select a row from rad grid and click a button on command button from grid and fire Rad Grid Item Command to store data to session and Close Rad Window.

1. rad window in content page.
2. script manager in master page

please help me for close rad window after data store in session.

plz HELP.

sorry for mu weak english.

Window

answered on 23 Apr 2012

2 answers

77 views

Radgrid grouping

Hi,

I'm experiencing an issue with radgrid grouping. Apparently the grid is only sorting by date but not grouping by date. For example; If I had 5 entries for 4/20/2012 I would expect a group for the date and five sub entries. But what I'm experiencing is 5 separate groups. I attached a screenshot to give you an idea. I really appreciate your help.

<telerik:RadGrid runat="server" ID="grdRecentActivity" DataSourceID="objActivity" Width="99%" Skin="Sunset" ShowHeader="false"

onitemdatabound="grdRecentActivity_ItemDataBound">

<HeaderStyle CssClass="HistoryGridHeader" />

<PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

<MasterTableView AutoGenerateColumns="false" CssClass="GridRecentActivity" GroupLoadMode="Client" ExpandCollapseColumn-Groupable="False">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldName="Date" FormatString="{0:D}" FieldAlias="Date"

HeaderText=" " />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Date" SortOrder="Descending" FieldAlias="StartDateTime"

FormatString="{0:dd/MM/yy}" >

</telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridTemplateColumn DataField="Message" HeaderText="Message" UniqueName="Message">

<ItemTemplate>

<asp:Label runat="server" id="Label1" Text='<%# Eval("Type") %>' CssClass="FirstColumn" /> -

<asp:Label runat="server" id="lblMessage" Text='<%# Eval("Message") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">

<Selecting AllowRowSelect="True"></Selecting>

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="False"></Resizing>

</ClientSettings>

</telerik:RadGrid>

Thanks,
Ron.

Grid

answered on 23 Apr 2012

5 answers

472 views

RadGrid with RadioButton

Hi Support
I'm doing work with telerik Radgrid in my asp.net application , the grid contain filtering , paging option, it looks nice . The data are comming from database to fill up the radgrid . now there is radiobutton with every row . I need to know suppose use click on one radio button and there is one button name delete or edit , the button is outside of radgrid , the row Id of that particular row . See the Image , in the attached file . Suppose user click on Container name row radio button (see the Image) and press the delete button I need to know The Row Id that is DisplayContinerId in my case.

In asp.net grid control it is done by below code but in Telerik pl guide me

protected void ButtonDelete_Click(object sender, EventArgs e)
{
 string id = string.Empty;
 //loop the GridView Rows
 for (int i = 0; i < GridView1.Rows.Count; i++){
      RadioButton rd= (RadioButton )GridView1.Rows[i].Cells[0].FindControl("radiobutton1"); //find the button
      if (rd.Checked)
      {
          id = GridView1.Rows[i].Cells[0].Text; // get the id of the field to be deleted
       }
 }

Thanks

Grid

answered on 23 Apr 2012

1 answer

208 views

datepicker is null in document ready

I'm trying to get the selected value of a datepicker within document ready javascript:

My datepicker:
<telerik:RadDatePicker runat="server" ID="rdpDate" ClientIDMode="Static" Width="100">
	<ClientEvents OnDateSelected="rdpDate_DateSelected" />
	<Calendar runat="server" ID="cDate">
		<SpecialDays><telerik:RadCalendarDay repeatable="Today" Date="" ItemStyle-CssClass="rcToday" /></SpecialDays>
	</Calendar>
</telerik:RadDatePicker>

document.ready:
<telerik:RadCodeBlock ID="rcb" runat="server">
	<script type="text/javascript">
		$(function () {
			var datepicker = $find("<%= rdpDate.ClientID %>");
			console.log(datepicker);

I'm getting "null".

What am I doing wrong?

Calendar

answered on 23 Apr 2012

1 answer

48 views

Virtual Scrolling with Client-Side Binding Error

I view 16000 rows into RadGrid Using Virtual Scrolling with Client-Side Binding but I was binding 450 rows, I get error Failed to load resource: the server responded with a status of 500 (Internal Server Error). I user Webmethod get data.

Grid

answered on 23 Apr 2012

5 answers

248 views

Radbutton edging out when i set height and width

Hi ,

Iam using radbutton in my application , when i set the height and width of the controls to some values then the control is fading out and its
bottom edge, if i dont specifies and height and width its showing its default size.

Even when i set the images they are not showing up on the design time and the rendering on the runtime is not proper.

<Tel:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text=" this is for test" Height="30" >

</Tel:RadButton>

and

<Tel:RadButton ID="RadButton2" runat="server" Width="80" Text=" this is for test2" Height="30" >

</Tel:RadButton>
and

<Tel:RadButton runat="server" ID="btn1" EnableBrowserButtonStyle="true" Text="test" Height="30"

BorderStyle="None" />

please help on this.

Thanks,
Srinivas

Button

answered on 23 Apr 2012

1 answer

216 views

How to display .rtf file(stream) content in RadEditor using LoadRtfContent() ?

Hi All,

I trying to display.rtf file content in RadEditor using LoadRtfContent(stream) method.In rtf file contains tables & images,In radeditor, i am unable to display tables & images.Please give me any answer for my question.Please find the below code, i am using to display .rtf file data in radeditor.

Code:

    FileStream fstream = new FileStream("C:\\THTDocumentsUpload\\Resumes\\25\\78\\Test.rtf", FileMode.Open, FileAccess.ReadWrite);

    radDescription.LoadRtfContent(fstream);

Ajax

answered on 23 Apr 2012