New to Telerik UI for ASP.NET Core? Download free 30-day trial

ScrollViewTagHelper

Example

<kendo-scrollview>
    <datasource></datasource>
    <items></items>
    <messages />
    <pageable></pageable>
</kendo-scrollview>

ChildTags

Tag Name Details
datasource DataSourceTagHelper
items ScrollViewItemsTagHelper
messages ScrollViewMessagesSettingsTagHelper
pageable ScrollViewPageableSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
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.
aria-template-id String Specifies a template is used to populate an aria-live element that anounces which is the current item.
aria-template-view IHtmlContent Specifies a template is used to populate an aria-live element that anounces which is the current item.
as-module Boolean
auto-bind Boolean If set to false the widget will not bind to the DataSource during initialization.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.
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.
empty-template-id String The template for rendering the pages without content. By default, the ScrollView renders a blank page.
empty-template-view IHtmlContent The template for rendering the pages without content. By default, the ScrollView renders a blank page.
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.
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.
enable-pager Boolean If set to true, the ScrollView will display a pager. By default, the pager is enabled.
has-client-component Boolean
navigatable Boolean If set to true enables the built-in keyboard navigation
on-change String Fires when the ScrollView page is changed.
on-refresh String Fires when the ScrollView refreshes.
page Double The initial page that will be displayed.
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
sanitize-id Boolean
script-attributes IDictionary<String,Object>
template String The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-handler String The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-id String The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-view IHtmlContent The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
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.
In this article
Not finding the help you need?