ScrollViewTagHelper

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.
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.
as-moduleBoolean
auto-bindBooleanIf set to false the widget will not bind to the DataSource during initialization.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.
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.
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.
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.
enable-pagerBooleanIf set to true, the ScrollView will display a pager. By default, the pager is enabled.
has-client-componentBoolean
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
sanitize-idBoolean
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