> 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="/files/HNZq63LElH8adJ2CIntP" 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="/files/5NA5qE0Hy3P7KMlAkqvL" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/aHlwLftv5T3KixvQVYCV" 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="/files/GLDNMp0zR5Vfz1E4jiHr" alt="" width="375"><figcaption></figcaption></figure>

Add more content and rearrange slides to your preference.

<figure><img src="/files/8ugmsnjRIQqrpgxTQxVK" alt="" width="375"><figcaption></figcaption></figure>
