New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

A control that displays a series of events in chronological order along a timeline.

Definition

Namespace:Telerik.Web.UI

Assembly:Telerik.Web.UI.dll

Syntax:

C#
[TelerikToolboxCategory("Navigation")]
[ToolboxBitmap(typeof(RadTimeline), "Toolbox.Icons.Timeline.png")]
[RequiredScript(typeof(jQueryPlugins))]
[RequiredScript(typeof(Html5Timeline))]
[ClientScriptResource("Telerik.Web.UI.RadTimeline", "Telerik.Web.UI.Timeline.Scripts.RadTimeline.js")]
[EmbeddedSkin("Timeline", typeof(RadTimeline))]
[EmbeddedSkin("Timeline", "Default", typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.common.css", RenderMode.Classic, typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.common.css", RenderMode.Lightweight, typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.common.css", RenderMode.Mobile, typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.fonticons.css", RenderMode.Classic, typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.fonticons.css", RenderMode.Lightweight, typeof(RadTimeline))]
[RequiredCss("Telerik.Web.UI.Skins.Common.fonticons.css", RenderMode.Mobile, typeof(RadTimeline))]
public class RadTimeline : RadDataBoundControl, IComponent, IDisposable, IParserAccessor, IUrlResolutionService, IDataBindingsAccessor, IControlBuilderAccessor, IControlDesignerAccessor, IExpressionsAccessor, IAttributeAccessor, IScriptControl, IControlResolver, IPostBackDataHandler, ISkinnableControl, IControl, IFeatureGroup, INamingContainer

Inheritance: objectControlWebControlBaseDataBoundControlDataBoundControlRadDataBoundControlRadTimeline...

Implements: IAttributeAccessorIComponentIControlIControlBuilderAccessorIControlDesignerAccessorIControlResolverIDataBindingsAccessorIDisposableIExpressionsAccessorIFeatureGroupINamingContainerIParserAccessorIPostBackDataHandlerIScriptControlISkinnableControlIUrlResolutionService...

Inherited Members DataBoundControl.OnCreatingModelDataSource(CreatingModelDataSourceEventArgs)DataBoundControl.CreateDataSourceSelectArguments()DataBoundControl.GetData()DataBoundControl.GetDataSource()DataBoundControl.MarkAsDataBound()DataBoundControl.OnDataPropertyChanged()DataBoundControl.OnDataSourceViewChanged(object, EventArgs)DataBoundControl.OnLoad(EventArgs)DataBoundControl.OnPagePreLoad(object, EventArgs)DataBoundControl.PerformSelect()DataBoundControl.ValidateDataSource(object)DataBoundControl.LoadViewState(object)DataBoundControl.SaveViewState()DataBoundControl.TrackViewState()DataBoundControl.DataMemberDataBoundControl.IsUsingModelBindersDataBoundControl.ItemTypeDataBoundControl.SelectMethodDataBoundControl.DataSourceIDDataBoundControl.DataSourceObjectDataBoundControl.SelectArgumentsDataBoundControl.CreatingModelDataSourceDataBoundControl.CallingDataMethodsBaseDataBoundControl.ConfirmInitState()BaseDataBoundControl.DataBind()BaseDataBoundControl.EnsureDataBound()BaseDataBoundControl.OnDataBound(EventArgs)BaseDataBoundControl.OnInit(EventArgs)BaseDataBoundControl.DataSourceBaseDataBoundControl.InitializedBaseDataBoundControl.IsBoundUsingDataSourceIDBaseDataBoundControl.IsDataBindingAutomaticBaseDataBoundControl.SupportsDisabledAttributeBaseDataBoundControl.RequiresDataBindingBaseDataBoundControl.DataBoundWebControl.AddAttributesToRender(HtmlTextWriter)WebControl.ApplyStyle(Style)WebControl.CopyBaseAttributes(WebControl)WebControl.CreateControlStyle()WebControl.MergeStyle(Style)WebControl.RenderBeginTag(HtmlTextWriter)WebControl.RenderEndTag(HtmlTextWriter)WebControl.RenderContents(HtmlTextWriter)WebControl.AccessKeyWebControl.AttributesWebControl.BackColorWebControl.BorderColorWebControl.BorderWidthWebControl.BorderStyleWebControl.ControlStyleWebControl.ControlStyleCreatedWebControl.CssClassWebControl.DisabledCssClassWebControl.StyleWebControl.EnabledWebControl.EnableThemingWebControl.FontWebControl.ForeColorWebControl.HasAttributesWebControl.HeightWebControl.IsEnabledWebControl.SkinIDWebControl.TabIndexWebControl.TagNameWebControl.ToolTipWebControl.WidthControl.ResolveAdapter()Control.HasEvents()Control.GetRouteUrl(object)Control.GetRouteUrl(string, object)Control.GetRouteUrl(RouteValueDictionary)Control.GetRouteUrl(string, RouteValueDictionary)Control.GetUniqueIDRelativeTo(Control)Control.ApplyStyleSheetSkin(Page)Control.OnDataBinding(EventArgs)Control.DataBind(bool)Control.DataBindChildren()Control.AddParsedSubObject(object)Control.EnsureID()Control.ClearChildState()Control.ClearChildControlState()Control.ClearChildViewState()Control.ClearEffectiveClientIDMode()Control.ClearCachedClientID()Control.Focus()Control.LoadControlState(object)Control.MapPathSecure(string)Control.OpenFile(string)Control.BuildProfileTree(string, bool)Control.SaveControlState()Control.RenderChildren(HtmlTextWriter)Control.RenderControl(HtmlTextWriter)Control.RenderControl(HtmlTextWriter, ControlAdapter)Control.OnUnload(EventArgs)Control.Dispose()Control.RaiseBubbleEvent(object, EventArgs)Control.OnBubbleEvent(object, EventArgs)Control.AddedControl(Control, int)Control.CreateControlCollection()Control.ResolveUrl(string)Control.ResolveClientUrl(string)Control.FindControl(string)Control.FindControl(string, int)Control.GetDesignModeState()Control.HasControls()Control.IsLiteralContent()Control.EnsureChildControls()Control.RemovedControl(Control)Control.SetDesignModeState(IDictionary)Control.SetRenderMethodDelegate(RenderMethod)Control.ClientIDModeControl.ClientIDControl.ClientIDSeparatorControl.ContextControl.AdapterControl.DesignModeControl.EventsControl.IDControl.IsChildControlStateClearedControl.EnableViewStateControl.ViewStateModeControl.IsViewStateEnabledControl.NamingContainerControl.IdSeparatorControl.LoadViewStateByIDControl.PageControl.RenderingCompatibilityControl.TemplateControlControl.ParentControl.TemplateSourceDirectoryControl.AppRelativeTemplateSourceDirectoryControl.SiteControl.VisibleControl.UniqueIDControl.HasChildViewStateControl.ControlsControl.ValidateRequestModeControl.ViewStateControl.ViewStateIgnoresCaseControl.ChildControlsCreatedControl.IsTrackingViewStateControl.DisposedControl.DataBindingControl.InitControl.LoadControl.PreRenderControl.Unloadobject.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()object.GetType()object.MemberwiseClone()...

Constructors

C#
public RadTimeline()

Properties

Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis.

C#
public bool AlternatingMode { get; set; }

Gets or sets a value indicating whether the RadTimeline control should automatically post back to the server when the user interacts with it.

C#
[Bindable(false)]
public bool AutoPostBack { get; set; }

Defines the client events handlers.

C#
[PersistenceMode(PersistenceMode.InnerProperty)]
public TimelineClientEvents ClientEvents { get; }

Enables the events in the Kendo UI Timeline to be expandable or collapsible. When enabled initially all events are collapsed.

C#
public bool CollapsibleEvents { get; set; }

The CssClass property will now be used instead of the former Skin and will be modified in AddAttributesToRender()

C#
protected override string CssClassFormatString { get; }

Overrides: RadDataBoundControl.CssClassFormatString

Example:
C#
protected override string CssClassFormatString
{
       get
       {
           return "RadDock RadDock_{0} rdWTitle rdWFooter";
       }
}

Sets the field of the data item that provides the actions information for the event.

C#
public string DataActionsField { get; set; }

Sets the field of the data item that provides information when the given event happened in time.

C#
public string DataDateField { get; set; }

Sets the field of the data item that provides the description information for the event.

C#
public string DataDescriptionField { get; set; }

Sets the field of the data item that provides the images information for the event.

C#
public string DataImagesField { get; set; }

Gets or sets an array of data-field names that will be used to populate the Timeline's DataItem property which is used to populated the control's template. The field declared in the Columns are added by default.

C#
[SuppressMessage("Microsoft.Performance", "CA1819:PropertiesShouldNotReturnArrays")]
[TypeConverter(typeof(ListConverter))]
[PersistenceMode(PersistenceMode.Attribute)]
public virtual string[] DataKeyNames { get; set; }
Property Value:

An array that contains the names of the fields contained in the Timeline's DataItem property.

Note: The dataItem's properties declared in the template should be with lower case.

Sets the field of the data item that provides the subtitle information for the event.

C#
public string DataSubtitleField { get; set; }

Sets the field of the data item that provides the title information for the event.

C#
public string DataTitleField { get; set; }

Sets the date format used to display the date in the event's label

C#
public string DateFormat { get; set; }

Sets specific height for the event in horizontal mode.

C#
public double EventHeight { get; set; }

Specifies the template used to render the event details.

C#
[Browsable(true)]
[Bindable(true)]
[PersistenceMode(PersistenceMode.InnerProperty)]
public string EventTemplate { get; set; }

Sets specific width for the event in vertical mode.

C#
public double EventWidth { get; set; }

Gets the collection of timeline items displayed in the RadTimeline control.

C#
[PersistenceMode(PersistenceMode.InnerProperty)]
public virtual TimelineItemCollection Items { get; }

Navigate the widget using the keyboard. Setting it to true will enable the keyaboard navigation for the component.

C#
public bool Navigatable { get; set; }

Sets the orienation of the timeline axis. The widget expects "horizontal" or "vertical"

C#
[Bindable(false)]
[ClientControlProperty]
[ClientPropertyName("orientation")]
public RadTimelineOrientation Orientation { get; set; }

Gets or sets the URL of the page to post to from the current page when a tab from the tabstrip is clicked.

C#
[Themeable(false)]
public virtual string PostBackUrl { get; set; }
Property Value:

The URL of the Web page to post to from the current page when a tab from the tabstrip control is clicked. The default value is an empty string (""), which causes the page to post back to itself.

If set to false, the event's date label will be hidden.

C#
public bool ShowDateLabels { get; set; }
C#
protected override HtmlTextWriterTag TagKey { get; }

Overrides: WebControl.TagKey

Gets the RadClientDataSource instance of the Timeline control.

C#
[Browsable(true)]
[PersistenceMode(PersistenceMode.InnerProperty)]
public virtual WebServiceClientDataSource WebServiceClientDataSource { get; }

Methods

C#
protected virtual void BindItems(IEnumerable<TimelineItem> items)
Parameters:itemsIEnumerable<TimelineItem>
C#
protected override void CreateChildControls()

Overrides: Control.CreateChildControls()

C#
protected override void DescribeComponent(IScriptDescriptor descriptor)
Parameters:descriptorIScriptDescriptor

Overrides: RadDataBoundControl.DescribeComponent(IScriptDescriptor)

C#
protected virtual void DescribeItems(IScriptDescriptor descriptor)
Parameters:descriptorIScriptDescriptor
C#
public IList<TimelineItem> GetAllItems()
Returns:

IList<TimelineItem>

C#
protected virtual string GetPostbackEventReference()
Returns:

string

Loads the posted content of the list control, if it is different from the last posting.

C#
protected override bool LoadPostData(string postDataKey, NameValueCollection postCollection)
Parameters:postDataKeystring

The key identifier for the control, used to index the postCollection.

postCollectionNameValueCollection

A NameValueCollection that contains value information indexed by control identifiers.

Returns:

bool

true if the posted content is different from the last posting; otherwise, false.

Overrides: RadDataBoundControl.LoadPostData(string, NameValueCollection)

C#
protected virtual void OnChildrenCreated()
C#
protected override void OnPreRender(EventArgs e)
Parameters:eEventArgs

Overrides: RadDataBoundControl.OnPreRender(EventArgs)

C#
protected override void PerformDataBinding(IEnumerable data)
Parameters:dataIEnumerable

Overrides: DataBoundControl.PerformDataBinding(IEnumerable)

C#
protected override void Render(HtmlTextWriter writer)
Parameters:writerHtmlTextWriter

Overrides: RadDataBoundControl.Render(HtmlTextWriter)

Events

Occurs after an item is data bound to the RadTimeline control.

C#
public event RadTimelineItemEventHandler ItemDataBound

This event provides you with the last opportunity to access the data item before it is displayed on the client. After this event is raised, the data item is nulled out and no longer available.