RadzenTimelineItem Class
RadzenTimeline item.
Inheritance
Implements
IComponent
IHandleEvent
IHandleAfterRender
Inherited Members
RadzenComponent.GetIdAttribute
RadzenComponent.SetParametersAsync
RadzenComponent.OnAfterRenderAsync
RadzenComponent.RaiseContextMenu
RadzenComponent.RaiseMouseEnter
RadzenComponent.AddContextMenu
RadzenComponent.RaiseMouseLeave
RadzenComponent.OnBecameInvisible
RadzenComponent.DefaultCulture
RadzenComponent.DefaultUICulture
RadzenComponent.IsJSRuntimeAvailable
ComponentBase.OnInitializedAsync
ComponentBase.OnParametersSet
ComponentBase.OnParametersSetAsync
ComponentBase.StateHasChanged
ComponentBase.ShouldRender
ComponentBase.OnAfterRender
ComponentBase.InvokeAsync
ComponentBase.DispatchExceptionAsync
ComponentBase.RendererInfo
ComponentBase.Assets
ComponentBase.AssignedRenderMode
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
Syntax
public class RadzenTimelineItem : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRenderExamples
<RadzenTimelineItem PointStyle="PointStyle.Primary">
<LabelContent>
NOV 2022
</LabelContent>
<ChildContent>
Celebrating the official release of Radzen Blazor Studio.
</ChildContent>
</RadzenTimelineItem>Constructors
RadzenTimelineItemlinkLink to this section
RadzenTimeline item.
Declaration
public RadzenTimelineItem()Properties
ChildContentlinkLink to this section
Gets or sets the child content.
Declaration
public RenderFragment ChildContent { get; set; }Property Value
| Type | Description |
|---|---|
| RenderFragment | Gets or sets the child content. |
CurrentlinkLink to this section
Gets or sets whether this item is the step currently in progress. It is marked aria-current="step" and its point is drawn with a ring in the point's own colour. At most one item in a timeline should set it.
Declaration
public bool Current { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Gets or sets whether this item is the step currently in progress. It is marked aria-current="step" and its point is drawn with a ring in the point's own colour. At most one item in a timeline should set it. |
LabellinkLink to this section
Gets or sets the label.
Declaration
public string Label { get; set; }Property Value
| Type | Description |
|---|---|
| string | Gets or sets the label. |
LabelContentlinkLink to this section
Gets or sets the label content.
Declaration
public RenderFragment LabelContent { get; set; }Property Value
| Type | Description |
|---|---|
| RenderFragment | Gets or sets the label content. |
LineStylelinkLink to this section
Gets or sets the style of the connector running from this item to the next one rendered. The last item has no outgoing connector, so its value is ignored. Leave it null to keep the theme line colour.
Declaration
public PointStyle? LineStyle { get; set; }Property Value
| Type | Description |
|---|---|
| PointStyle? | Gets or sets the style of the connector running from this item to the next one rendered. The last item has no outgoing connector, so its value is ignored. Leave it null to keep the theme line colour. |
PointClasslinkLink to this section
Gets or sets additional CSS classes applied to the point element itself, rather than to the item. Use it to style the marker beyond what PointStyle and PointVariant express - a focus ring on the active step, a transition, an animation.
Declaration
public string PointClass { get; set; }Property Value
| Type | Description |
|---|---|
| string | Gets or sets additional CSS classes applied to the point element itself, rather than to the item. Use it to style the marker beyond what PointStyle and PointVariant express - a focus ring on the active step, a transition, an animation. |
PointContentlinkLink to this section
Gets or sets the content inside a point on the timeline.
Declaration
public RenderFragment PointContent { get; set; }Property Value
| Type | Description |
|---|---|
| RenderFragment | Gets or sets the content inside a point on the timeline. |
PointShadowlinkLink to this section
Specifies the Shadow level from 0 (no shadow) to 10. Set to 1 by default.
Declaration
public int PointShadow { get; set; }Property Value
| Type | Description |
|---|---|
| int | Specifies the Shadow level from 0 (no shadow) to 10. Set to 1 by default. |
PointSizelinkLink to this section
Specifies the Point size from ExtraSmall to Large. Set to PointSize.Medium by default.
Declaration
public PointSize PointSize { get; set; }Property Value
| Type | Description |
|---|---|
| PointSize | Specifies the Point size from ExtraSmall to Large. Set to PointSize.Medium by default. |
PointStylelinkLink to this section
Gets or sets the Point style. Set to PointStyle.Base by default.
Declaration
public PointStyle PointStyle { get; set; }Property Value
| Type | Description |
|---|---|
| PointStyle | Gets or sets the Point style. Set to PointStyle.Base by default. |
PointVariantlinkLink to this section
Specifies if the Point variant is filled, flat, outlined or text only. Set to Variant.Filled by default.
Declaration
public Variant PointVariant { get; set; }Property Value
| Type | Description |
|---|---|
| Variant | Specifies if the Point variant is filled, flat, outlined or text only. Set to Variant.Filled by default. |
TextlinkLink to this section
Gets or sets the text.
Declaration
public string Text { get; set; }Property Value
| Type | Description |
|---|---|
| string | Gets or sets the text. |
Methods
BuildRenderTreelinkLink to this section
Declaration
protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)Parameters
| Type | Name | Description |
|---|---|---|
| Rendering.RenderTreeBuilder | __builder |
GetComponentCssClasslinkLink to this section
Declaration
protected override string GetComponentCssClass()Returns
| Type | Description |
|---|---|
| string |