Panely

Basic

These carousels are powered by slick.js. The example below is a basic initialization. Put your content or any elements into .carousel-item and wrap those in .carousel class

Center mode

Centered carousel, you can enable this feature by setting centerMode: true. You have to extend .carousel class with .carousel-center for supporting this feature.

Sync

Sync your carousels and make one of them as navigation, look the example.

Number of slides

Set number of slides to show for carousel by setting slidesToShow property.

Alternative navigation

We provide custom navigation that you can use like example below

Autoplay

Set autoplay: true to enabled autoplay features and set autoplaySpeed property for autoplay speed.

Dot indicator

To enable dot indicator, you must set dots: true. The dots have navigation functionality, you can click those to change slides.

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

Dashboard

Dashboard 1

Dashboard 2

Dashboard 3

Dashboard 4

Dashboard 5

Dashboard 6

Dashboard 7

Dashboard 8

Email

Criptocurrency

Chatting

Navigation