New to Telerik UI for Blazor? Start a free 30-day trial

ChartTitleBorder

Class

Configures the border styling around the chart title area for enhanced visual presentation. Provides comprehensive control over border appearance including color, style, and thickness to create professional chart designs. Use this component to add visual boundaries around the title, improve contrast, or match your application's design theme.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class ChartTitleBorder : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartTitleBorder

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members DataVizChildComponent.Dispose()DataVizChildComponent.Dispose(bool)ComponentBase.OnInitializedAsync()ComponentBase.OnParametersSetAsync()ComponentBase.StateHasChanged()ComponentBase.ShouldRender()ComponentBase.OnAfterRenderAsync(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)...

Constructors

ChartTitleBorder()

public ChartTitleBorder()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

protected override void OnAfterRender(bool firstRender)

Parameters:firstRenderbool

Overrides: ComponentBase.OnAfterRender(bool)

OnInitialized()

protected override void OnInitialized()

Overrides: DataVizChildComponent.OnInitialized()

OnParametersSet()

protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

Serialize()

Dictionary<string, object>

public Dictionary<string, object> Serialize()

Returns:

Dictionary<string, object>

Properties

ChildContent

RenderFragment

[Parameter]
public RenderFragment ChildContent { get; set; }

Color

string

Sets the color of the chart title border. Accepts any valid CSS color value including hex codes (#cccccc), RGB values (rgb(204,204,204)), or color names (gray). Use this to create visual definition around the title area and ensure the border complements your chart's color scheme. Example: Set to "#e0e0e0" for a subtle gray border, or "#007acc" to match brand colors and create emphasis.

[Parameter]
public string Color { get; set; }

DashType

DashType?

Sets the dash pattern style for the chart title border line. Controls the visual appearance of the border, allowing for solid lines or various dashed patterns for different design effects. Use this to create distinctive border styles that match your application's visual language or highlight specific chart types. Accepts values from the DashType enumeration including solid, dash, dot, and various dash-dot combinations.

[Parameter]
public DashType? DashType { get; set; }

Width

double?

Sets the thickness of the chart title border in pixels. Controls how prominent the border appears around the title area, affecting the overall visual weight and emphasis. Use this to create subtle outlines with thin borders or bold frames with thicker borders based on your design needs. Example: Set to 1 for a fine border, 2-3 for standard emphasis, or 0 to hide the border completely.

[Parameter]
public double? Width { get; set; }