Back to all docs
API Reference / Telerik.Maui.Controls / RadSkeleton
New to Telerik UI for .NET MAUI? Start a free 30-day trial

RadSkeleton

Class

Represents a skeleton loading indicator control that displays placeholder content while actual content is being loaded. Provides built-in skeleton types, customizable templates and animation for creating engaging loading experiences.

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:
C#
public class RadSkeleton : RadBorderContentView, IRadContentView, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout

Inheritance: objectRadContentViewRadCompositeContentViewRadBorderContentViewRadSkeleton

Implements: IContentViewICrossPlatformLayoutIElementIPaddingIRadContentViewITransformIView...

Inherited Members RadBorderContentView.BackgroundColorPropertyRadBorderContentView.BackgroundPropertyRadBorderContentView.BorderColorPropertyRadBorderContentView.BorderBrushPropertyRadBorderContentView.BorderThicknessPropertyRadBorderContentView.CornerRadiusPropertyRadBorderContentView.ContentPaddingPropertyRadBorderContentView.BackgroundColorRadBorderContentView.BackgroundRadBorderContentView.BorderColorRadBorderContentView.BorderBrushRadBorderContentView.BorderThicknessRadBorderContentView.CornerRadiusRadBorderContentView.ContentPaddingRadCompositeContentView.StylePropertyRadCompositeContentView.ControlTemplatePropertyRadCompositeContentView.OnBindingContextChanged()RadCompositeContentView.OnPropertyChanged(string)RadCompositeContentView.StyleRadCompositeContentView.ControlTemplateRadContentView.ActualStyleClassPropertyRadContentView.OnChildAdded(Element)RadContentView.OnChildRemoved(Element, int)...

Constructors

RadSkeleton()

C#
public RadSkeleton()

Fields

AnimatedLoadingColorProperty

BindableProperty

Identifies the AnimatedLoadingColor bindable property.

C#
public static readonly BindableProperty AnimatedLoadingColorProperty

IsLoadingProperty

BindableProperty

Identifies the IsLoading bindable property.

C#
public static readonly BindableProperty IsLoadingProperty

LoadingViewColorProperty

BindableProperty

Identifies the LoadingViewColor bindable property.

C#
public static readonly BindableProperty LoadingViewColorProperty

LoadingViewDrawableProperty

BindableProperty

Identifies the LoadingViewDrawable bindable property.

C#
public static readonly BindableProperty LoadingViewDrawableProperty

LoadingViewMinimumHeightProperty

BindableProperty

Identifies the LoadingViewMinimumHeight bindable property.

C#
public static readonly BindableProperty LoadingViewMinimumHeightProperty

LoadingViewMinimumWidthProperty

BindableProperty

Identifies the LoadingViewMinimumWidth bindable property.

C#
public static readonly BindableProperty LoadingViewMinimumWidthProperty

LoadingViewTemplateProperty

BindableProperty

Identifies the LoadingViewTemplate bindable property.

C#
public static readonly BindableProperty LoadingViewTemplateProperty

RepeatCountProperty

BindableProperty

Identifies the RepeatCount bindable property.

C#
public static readonly BindableProperty RepeatCountProperty

RepeatSpacingProperty

BindableProperty

Identifies the RepeatSpacing bindable property.

C#
public static readonly BindableProperty RepeatSpacingProperty

SkeletonAnimationTypeProperty

BindableProperty

Identifies the SkeletonAnimationType bindable property.

C#
public static readonly BindableProperty SkeletonAnimationTypeProperty

SkeletonTypeProperty

BindableProperty

Identifies the SkeletonType bindable property.

C#
public static readonly BindableProperty SkeletonTypeProperty

Properties

AnimatedLoadingColor

Color

Gets the animated color of the loading view.

C#
public Color AnimatedLoadingColor { get; }

IsLoading

Gets or sets a value indicating whether the content is currently loading. When set to true, the skeleton loading view is displayed; when false, the actual content is shown.

C#
public bool IsLoading { get; set; }
Property Value:

true if content is loading; otherwise, false. The default value is true.

LoadingViewColor

Color

Gets or sets the base color of the skeleton loading view.

C#
public Color LoadingViewColor { get; set; }
Property Value:

The color of the placeholder elements. The default value is black (#000000).

LoadingViewDrawable

IDrawable

Gets or sets the custom drawable object used to render the loading view.

C#
public IDrawable LoadingViewDrawable { get; set; }
Property Value:

An IDrawable instance that defines how the loading view is drawn.

LoadingViewMinimumHeight

Gets or sets the minimum height of the loading view.

C#
public double LoadingViewMinimumHeight { get; set; }

LoadingViewMinimumWidth

Gets or sets the minimum width of the loading view.

C#
public double LoadingViewMinimumWidth { get; set; }

LoadingViewTemplate

DataTemplate

Gets or sets the custom data template for the loading view. When set, this template overrides the built-in skeleton types specified by SkeletonType.

C#
public DataTemplate LoadingViewTemplate { get; set; }
Property Value:

A DataTemplate that defines the custom loading view layout, or null to use the built-in skeleton type.

Remarks:

The template allows you to create fully customized loading placeholders that match your specific UI requirements. You can use any MAUI layout or view within the template. The skeleton animation specified by SkeletonAnimationType will still be applied to the custom template.

RepeatCount

Gets or sets the number of repetitions of the loading view.

C#
public int RepeatCount { get; set; }

RepeatSpacing

Gets or sets the spacing between the repeated loading views.

C#
public double RepeatSpacing { get; set; }

SkeletonAnimationType

Gets or sets the animation type for the skeleton loading view.

C#
public SkeletonAnimationType SkeletonAnimationType { get; set; }
Property Value:

A SkeletonAnimationType value representing the animation style. The default value is Pulse.

Remarks:

Available animation types:

  • None: No animation is applied to the skeleton.
  • Pulse: A pulsing animation that fades the skeleton in and out.

SkeletonType

Gets or sets the type of built-in skeleton template to display during loading. This property is only used when LoadingViewTemplate is null.

C#
public SkeletonType SkeletonType { get; set; }
Property Value:

A SkeletonType value representing the skeleton template. The default value is PersonaCircle.

Remarks:

The skeleton type determines the visual layout of the loading placeholder:

  • Article: Displays a layout suitable for article content with text lines.
  • Text: Shows a simple text skeleton with horizontal lines.
  • Image: Displays a skeleton for image-based content.
  • Card: Shows a card-style skeleton layout.
  • PersonaCircle: Displays a persona skeleton with a circular avatar.
  • PersonaSquare: Displays a persona skeleton with a square avatar.
  • ContentFeed: Shows a content feed skeleton layout.
  • Video: Displays a skeleton suitable for video content.

Methods

OnApplyTemplate()

C#
protected override void OnApplyTemplate()

Overrides: RadCompositeContentView.OnApplyTemplate()

OnHandlerChanged()

Called when the handler changes.

C#
protected override void OnHandlerChanged()

Overrides: RadContentView.OnHandlerChanged()

In this article
DefinitionConstructorsRadSkeleton()FieldsAnimatedLoadingColorPropertyIsLoadingPropertyLoadingViewColorPropertyLoadingViewDrawablePropertyLoadingViewMinimumHeightPropertyLoadingViewMinimumWidthPropertyLoadingViewTemplatePropertyRepeatCountPropertyRepeatSpacingPropertySkeletonAnimationTypePropertySkeletonTypePropertyPropertiesAnimatedLoadingColorIsLoadingLoadingViewColorLoadingViewDrawableLoadingViewMinimumHeightLoadingViewMinimumWidthLoadingViewTemplateRepeatCountRepeatSpacingSkeletonAnimationTypeSkeletonTypeMethodsOnApplyTemplate()OnHandlerChanged()
Not finding the help you need?
Contact Support