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

SkeletonContainerBuilder

Class

Defines the fluent API for configuring the Telerik UI for ASP.NET MVC SkeletonContainer.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

public class SkeletonContainerBuilder : WidgetBuilderBase<SkeletonContainer, SkeletonContainerBuilder>, IHtmlString

Inheritance: objectWidgetBuilderBase<SkeletonContainer, SkeletonContainerBuilder>SkeletonContainerBuilder

Implements: IHtmlString

Constructors

SkeletonContainerBuilder(SkeletonContainer)

Initializes a new instance of the SkeletonContainer class.

public SkeletonContainerBuilder(SkeletonContainer component)

Parameters:componentSkeletonContainer

The component.

Methods

Animation(SkeletonContainerAnimation)

Determines whether the items will be animated.

public SkeletonContainerBuilder Animation(SkeletonContainerAnimation value)

Parameters:valueSkeletonContainerAnimation

The enum value that configures the animation.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.Animation(SkeletonContainerAnimation.Pulse)
)

Grid(Action<SkeletonContainerGridSettingsBuilder>)

Defines the settings for the CSS Grid that creates the skeleton shapes.

public SkeletonContainerBuilder Grid(Action<SkeletonContainerGridSettingsBuilder> configurator)

Parameters:configuratorAction<SkeletonContainerGridSettingsBuilder>

The action that configures the grid settings.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.Grid(grid =&gt; {
grid.Rows(4);
grid.Columns(4);
grid.Items(i=&gt; {
i.Add().ColStart(1).ColSpan(1).RowStart(1).RowSpan(1).Shape(SkeletonContainerItemShape.Rectangle);
i.Add().ColStart(2).ColSpan(1).RowStart(1).RowSpan(1).Shape(SkeletonContainerItemShape.Rectangle);
});
})
)

Height(string)

Determines the height of the component. The numeric values are treated as pixels.

public SkeletonContainerBuilder Height(string value)

Parameters:valuestring

The value that configures the height.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.Height("340px")
)

Template(string)

Defines a template that will be used to visualize the skeleton shapes. If both Grid() and Template() options are defined, the Grid takes precedence.

public SkeletonContainerBuilder Template(string value)

Parameters:valuestring

The value that configures the template.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.Template("&lt;span&gt;Text&lt;/span&gt;&lt;span data-shape-text&gt;Text&lt;/span&gt;")
)

Template<TModel>(TemplateBuilder<TModel>)

Defines a template that will be used to visualize the skeleton shapes. If both Grid() and Template() options are defined, the Grid takes precedence.

public SkeletonContainerBuilder Template<TModel>(TemplateBuilder<TModel> template)

Parameters:templateTemplateBuilder<TModel>

A Template component that configures the template.

Returns:

SkeletonContainerBuilder

TemplateHandler(string)

Defines a template that will be used to visualize the skeleton shapes. If both Grid() and Template() options are defined, the Grid takes precedence.

public SkeletonContainerBuilder TemplateHandler(string value)

Parameters:valuestring

The value that configures the template.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.TemplateHandler("skeletonTemplate")
)
&lt;script&gt;
function skeletonTemplate() {
return `&lt;span&gt;Text&lt;/span&gt;&lt;span data-shape-text&gt;Text&lt;/span&gt;`;
}
&lt;/script&gt;

TemplateId(string)

Defines a template that will be used to visualize the skeleton shapes. If both Grid() and Template() options are defined, the Grid takes precedence.

public SkeletonContainerBuilder TemplateId(string value)

Parameters:valuestring

The value that configures the template.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.TemplateId("skeletonShapeTemplate")
)
&lt;script id="skeletonShapeTemplate" type="text/x-kendo-template"&gt;
&lt;span&gt;Text&lt;/span&gt;&lt;span data-shape-text&gt;Text&lt;/span&gt;
&lt;/script&gt;

TemplateView(MvcHtmlString)

Defines a template that will be used to visualize the skeleton shapes. If both Grid() and Template() options are defined, the Grid takes precedence.

public SkeletonContainerBuilder TemplateView(MvcHtmlString value)

Parameters:valueMvcHtmlString

The value that configures the template.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.TemplateView(Html.Partial("SkeletonTemplateView"))
)

Width(string)

Determines the width of the component. The numeric values are treated as pixels.

public SkeletonContainerBuilder Width(string value)

Parameters:valuestring

The value that configures the width.

Returns:

SkeletonContainerBuilder

Example:

@(Html.Kendo().SkeletonContainer()
.Name("skeleton")
.Width("200px")
)