Demos About Radzen
Search Results for

    Show / Hide Table of Contents

    Class RadzenTimeline

    RadzenTimeline component is a graphical representation used to display a chronological sequence of events or data points.

    Inheritance
    System.Object
    RadzenComponent
    RadzenTimeline
    Implements
    IDisposable
    Inherited Members
    RadzenComponent.Attributes
    RadzenComponent.Element
    RadzenComponent.MouseEnter
    RadzenComponent.MouseLeave
    RadzenComponent.ContextMenu
    RadzenComponent.Culture
    RadzenComponent.DefaultCulture
    RadzenComponent.OnMouseEnter()
    RadzenComponent.OnMouseLeave()
    RadzenComponent.OnContextMenu(Microsoft.AspNetCore.Components.Web.MouseEventArgs)
    RadzenComponent.Style
    RadzenComponent.Visible
    RadzenComponent.GetCssClass()
    RadzenComponent.GetId()
    RadzenComponent.Debounce(Func<Task>, Int32)
    RadzenComponent.UniqueID
    RadzenComponent.JSRuntime
    RadzenComponent.IsJSRuntimeAvailable
    RadzenComponent.OnInitialized()
    RadzenComponent.SetParametersAsync(ParameterView)
    RadzenComponent.Reference
    RadzenComponent.OnAfterRenderAsync(Boolean)
    RadzenComponent.RaiseContextMenu(Microsoft.AspNetCore.Components.Web.MouseEventArgs)
    RadzenComponent.RaiseMouseEnter()
    RadzenComponent.RaiseMouseLeave()
    RadzenComponent.Dispose()
    RadzenComponent.CurrentStyle
    Namespace: Radzen.Blazor
    Assembly: Radzen.Blazor.dll
    Syntax
    public class RadzenTimeline : RadzenComponent, IDisposable
    Examples
    <RadzenTimeline>
    <Items>
        <RadzenTimelineItem>
            <ChildContent>
                Checkpoint 1
            </ChildContent>
        </RadzenTimelineItem>
        <RadzenTimelineItem>
            <ChildContent>
                Checkpoint 2
            </ChildContent>
        </RadzenTimelineItem>
    </Items>
    </RadzenTimeline>

    Properties

    AlignItems

    Specifies the alignment of LabelContent, PointContent and ChildContent inside TimelineItems. Set to AlignItems.Center by default.

    Declaration
    public AlignItems AlignItems { get; set; }
    Property Value
    Type Description
    AlignItems

    Items

    Gets or sets the items.

    Declaration
    public RenderFragment Items { get; set; }
    Property Value
    Type Description
    RenderFragment

    The items.

    LinePosition

    Specifies the line position. Set to LinePosition.Center by default.

    Declaration
    public LinePosition LinePosition { get; set; }
    Property Value
    Type Description
    LinePosition

    Orientation

    Specifies the orientation - whether items flow in horizontal or vertical direction. Set to Orientation.Vertical by default.

    Declaration
    public Orientation Orientation { get; set; }
    Property Value
    Type Description
    Orientation

    Reverse

    Specifies if the LinePosition is reversed.

    Declaration
    public bool Reverse { get; set; }
    Property Value
    Type Description
    System.Boolean

    true if reverse; otherwise, false.

    Methods

    GetComponentCssClass()

    Gets the component CSS class.

    Declaration
    protected override string GetComponentCssClass()
    Returns
    Type Description
    System.String
    Overrides
    RadzenComponent.GetComponentCssClass()

    Implements

    IDisposable

    Introducing Radzen Blazor Studio

    Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

    Learn More

    Download Now
    Download Now
    In This Article
    Back to top Radzen Blazor Components, © 2018-2025 Radzen. Source Code licensed under MIT