> For the complete documentation index, see [llms.txt](https://guides.mangoapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.mangoapps.com/user-guide/widget-gallery/slider-widget.md).

# Slider Widget

### Overview

The Slider Widget in MangoApps is designed to enhance the visual presentation of content by allowing users or admins to add images or videos along with plain text. This widget is particularly useful for creating dynamic and engaging displays that automatically scroll through the content after a set time interval.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FaQHJqPzJDRt1mb2oXogl%2F24-09-2024-09-00-45.png?alt=media&amp;token=3b657173-78ec-47fe-8824-78f0ad147d24" alt="" width="563"><figcaption></figcaption></figure>

***

### **Key Features**

**Content Integration**

Users can upload new media or select from existing media to be displayed in the slider. Plain text can also be added alongside the media to provide context or additional information.

***

**Automatic Scrolling**

The content within the slider scrolls automatically, ensuring that users are exposed to multiple pieces of content without needing to manually navigate through them.

***

**Customization Options**

Users can customize the appearance and behavior of the slider to fit their specific needs. This includes setting the time interval for the automatic scrolling and adjusting the layout to match the overall design of the page or module where the widget is placed.

***

### **Use Cases**

**Announcements**: Highlighting important announcements or updates.

**Promotions**: Showcasing promotional content or featured products.

**Events**: Displaying upcoming events or key dates.

***

### **How to Use**

Navigate to the desired page or module where you want to add the slider. Select the **Slider Widget** from the **Widget Gallery**.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FcrIEP6GUzvY320sExPWt%2F24-09-2024-08-16-45.png?alt=media&amp;token=b920e72a-f6d8-4a88-912f-dbfbd078d8c8" alt="" width="563"><figcaption></figcaption></figure>

Upload new images or videos, or choose from existing media in your library.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2Frs8QTjYijQ1wKMnk0Pmd%2Ffawsdf.png?alt=media&amp;token=3d0c8f35-b3ce-4713-b650-7b4b4e80c787" alt="" width="563"><figcaption></figcaption></figure>

Add plain text to accompany each piece of media, providing necessary context or information if desired.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2F3pYFqu2YJFs1M8ktARL1%2F24-09-2024-08-53-22.png?alt=media&amp;token=66dff6a6-b5d3-41bb-9eb9-e5523efbdd39" alt="" width="375"><figcaption></figcaption></figure>

Add more content and rearrange slides to your preference.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FfReRQboKWnAnn8SBw8De%2F24-09-2024-08-57-50.png?alt=media&amp;token=f05cef49-a441-45f0-a38f-21af069104a1" alt="" width="375"><figcaption></figcaption></figure>

***

### Time Customization in Carousel/Slider View

Creators can control how quickly content advances in **Carousel/Slider view** or allow users to navigate slides manually.

The **Slideshow Behavior** setting provides three options: **Cycle Repeatedly**, **Cycle Once Through All Slides**, or **Manually Cycle Through Slides**. For automatic cycling, users can set an **Interval** between 3 and 15 seconds to determine how long each slide displays. In manual mode, slides advance only when users select the navigation controls.

These settings are available for **Posts, Announcements, and Must Read widgets** on Dashboards, Team Pages, Company Pages, and News Feed widget settings across the Admin and User Portals. The Mobile Native Dashboard continues to support **List View** only.
