ScrollView

Example

Razor

<kendo-scrollview>
    <aria-template></aria-template>
    <datasource></datasource>
    <empty-template></empty-template>
    <item-template></item-template>
    <items></items>
    <messages />
    <pageable></pageable>
</kendo-scrollview>

ChildTags

Tag Name	Details
aria-template	TemplateTagHelper
datasource	DataSourceTagHelper
empty-template	TemplateTagHelper
item-template	TemplateTagHelper
items	ScrollViewItemsTagHelper
messages	ScrollViewMessagesSettingsTagHelper
pageable	ScrollViewPageableSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
aria-template	String	Specifies a template is used to populate an aria-live element that anounces which is the current item.
aria-template-handler	String	Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the name of a JavaScript function that will be called to return the template.
aria-template-id	String	Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the ID of the script element that contains the template.
aria-template-view	IHtmlContent	Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the instance containing the created HTML.
auto-bind	Boolean	If set to false the widget will not bind to the DataSource during initialization.
bounce-velocity-threshold	Double	The intensity of the swipe after which the swipe will result in a bounce effect when the user scrolls to the next page. Higher values require more accelerative swipe to notice the bounce effect when a page is changed.
content-height	String	The height of the ScrollView content. Supports 100% if the ScrollView container element does have set height. Each page will be streched to fill the container height.
datasource-id	String	The Id of the data source.
duration	Double	The duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it.
empty-template	String	The template for rendering the pages without content. By default, the ScrollView renders a blank page.
empty-template-handler	String	The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the name of a JavaScript function that will be called to return the template.
empty-template-id	String	The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the ID of the script element that contains the template.
empty-template-view	IHtmlContent	The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the instance containing the created HTML.
enable-pager	Boolean	If set to true, the ScrollView will display a pager. By default, the pager is enabled.
navigatable	Boolean	If set to true enables the built-in keyboard navigation
on-change	String	The name of the JavaScript function that will handle the change event. Fires when the ScrollView page is changed.
on-refresh	String	The name of the JavaScript function that will handle the refresh event. Fires when the ScrollView refreshes.
page	Double	If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration.
pager-overlay	String	Sets an overlay background color for the pager. It can be configured to one of the three possible values: - none - no background overlay is set - dark - sets a dark-colored background overlay - light - sets a light-colored background overlay
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
template	String	Represents a collection of templates defined for the component.
template-handler	String	The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the name of a JavaScript function that will be called to return the template.
template-id	String	The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the ID of the script element that contains the template.
template-view	IHtmlContent	The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the instance containing the created HTML.
velocity-threshold	Double	The length of the horizontal swipe after which a swipe will navigate to the next page - as opposed to snapping back to the current page. Higher values require long area swipes to navigate to the next page.