TileLayoutTagHelper

Example

Razor

<kendo-tilelayout>
    <containers></containers>
    <gap />
    <reorderable></reorderable>
</kendo-tilelayout>

ChildTags

Tag Name	Details
containers	TileLayoutContainersTagHelper
gap	TileLayoutGapSettingsTagHelper
reorderable	TileLayoutReorderableSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
columns	Double	Defines the number of columns.
columns-width	String	Determines the width of the columns. Numeric values are treated as pixels.
height	String	Determines the height of the layout. Numeric values are treated as pixels.
navigatable	Boolean	A value indicating whether keyboard navigation will be enabled.
on-reorder	String	The name of the JavaScript function that will handle the reorder event. Fired when a tile item is reordered.
on-resize	String	The name of the JavaScript function that will handle the resize event. Fired when a tile item is resized.
reorderable	Boolean	Determines whether the reordering functionality will be enabled.
resizable	Boolean	Determines whether the resizing functionality will be enabled.
rows-height	String	Determines the height of the rows. Numeric values are treated as pixels.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
width	String	Determines the width of the layout. Numeric values are treated as pixels.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.