Ends in:
2 DAYS
1 HR
22 MIN
50 SEC
Ends in:
2 D
1 H
22 M
50 S

Carousel

Introduction

abp-carousel is a the abp tag for carousel element.

Basic usage:

<abp-carousel>
    <abp-carousel-item src=""></abp-carousel-item>
    <abp-carousel-item src=""></abp-carousel-item>
    <abp-carousel-item src=""></abp-carousel-item>
</abp-carousel>

Demo

See the carousel_demo page to see it in action.

Attributes

id

A value sets the id of the carousel. If not set, generated id will be set whenever the tag is created.

controls

A value to enable the controls (previous and next buttons) on carousel. Should be one of the following values:

  • false
  • true

indicators

A value to enables the indicators on carousel. Should be one of the following values:

  • false
  • true

crossfade

A value to enables the fade animation instead of slide on carousel. Should be one of the following values:

  • false
  • true

abp-carousel-item Attributes

caption-title

A value sets the caption title of the carousel item.

caption

A value sets the caption of the carousel item.

src

A link value sets the source of the image displayed on carousel item.

active

A value to set the active carousel item. Should be one of the following values:

  • false
  • true

alt

A value sets the alternate text for the carousel item image when the image can not be displayed.

Contributors


Last updated: October 07, 2020 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

What’s New with .NET 9 & ABP 9?

21 Nov, 17:00
Online
Watch the Event
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More