ScrollView

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
aria-templateStringSpecifies a template is used to populate an aria-live element that anounces which is the current item.
aria-template-handlerStringSpecifies a template is used to populate an aria-live element that anounces which is the current item.
aria-template-idStringSpecifies a template is used to populate an aria-live element that anounces which is the current item.
aria-template-viewIHtmlContentSpecifies a template is used to populate an aria-live element that anounces which is the current item.
auto-bindBooleanIf set to false the widget will not bind to the DataSource during initialization.
bounce-velocity-thresholdDoubleThe 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-heightStringThe 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-idStringThe Id of the data source.
durationDoubleThe duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it.
empty-templateStringThe template for rendering the pages without content. By default, the ScrollView renders a blank page.
empty-template-handlerStringThe template for rendering the pages without content. By default, the ScrollView renders a blank page.
empty-template-idStringThe template for rendering the pages without content. By default, the ScrollView renders a blank page.
empty-template-viewIHtmlContentThe template for rendering the pages without content. By default, the ScrollView renders a blank page.
enable-pagerBooleanIf set to true, the ScrollView will display a pager. By default, the pager is enabled.
navigatableBooleanIf set to true enables the built-in keyboard navigation
on-changeStringFires when the ScrollView page is changed.
on-refreshStringFires when the ScrollView refreshes.
pageDoubleThe initial page that will be displayed.
pager-overlayStringSets 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-attributesIDictionary<String,Object>
templateStringThe template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-handlerStringThe template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-idStringThe template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
template-viewIHtmlContentThe template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.
velocity-thresholdDoubleThe 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
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support