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

Tag Name	Details
aria-template	TemplateTagHelper
datasource	DataSourceTagHelper
empty-template	TemplateTagHelper
items	ScrollViewItemsTagHelper
item-template	TemplateTagHelper
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.