A newer version of this page is available. Switch to the current version.

Loop the Views

The MultiView widget can display views in a loop. The loop mode enables an end user to swipe through the last view to the first and vice versa. To enable this mode, assign true to the loop option.

jQuery
JavaScript
$(function() {
    $("#multiViewContainer").dxMultiView({
        dataSource: multiViewData,
        loop: true
    });
});
Angular
HTML
TypeScript
<dx-multi-view
    [dataSource]="multiViewItems"
    [loop]="true">
</dx-multi-view>
import { DxMultiViewModule } from "devextreme-angular";
// ...
export class AppComponent {
    multiViewItems = [ ... ];
}
@NgModule({
    imports: [
        // ...
        DxMultiViewModule
    ],
    // ...
})
See Also