LowCodeStacks™
Sign in

NewPower Apps · canvas componentNavigation and layout✓ Tested in StudioMIT License

Carousel

Slides from a table, each a picture or a colour with a title and text, advancing on a timer with a pause control, dots and arrows, looping or stopping at the end; OnChange and OnSelect, Next, Previous, GoTo, Play and Pause; light and dark, each slide fading in.

Name in Studio
lcsCarousel
Version
0.1.0
Properties
11 inputs · 3 outputs · 2 events · 5 actions
Sign in to copy

Free with an account

No ratings yet

Sign in to copy

Variations

As it is when you paste it, with every input at its default.

CurrentIndex: 1 · CurrentKey: welcome · IsPlaying: true

Formulas on this screen

Set the same ones in Studio to try it the same way; there, each Notify shows its event in a banner, which this preview leaves out so nothing covers the component. The instance names are the ones Studio gives the first copy on a screen.

  • lcsCarousel_1.OnChange = Notify("Slide " & Index & ", " & Key)

  • lcsCarousel_1.OnSelect = Notify("Selected slide " & Index & ", " & Key)

A web replica that behaves as the component does in Power Apps. In Studio it uses Microsoft's controls, which can look slightly different.

Add it in five steps

  1. In Power Apps Studio, open Settings > Updates and check that Modern controls and themes and Enhanced component properties are on.
  2. Open the Components tab in the tree view and select New component.
  3. Select an empty part of Studio, so the new component isn't selected.
  4. Copy the YAML on this page and press Ctrl+V. lcsCarousel appears with all its properties.
  5. On a screen, insert it from Insert > Custom > lcsCarousel.

What it needs

  • No premium licence: standard controls, no connectors
  • Modern controls and themes: on
  • Enhanced component properties: on
  • Tested in Power Apps Studio 3.26101.10 on October 13, 2026
  • Version 0.1.0

Properties (21)

Read from the component's own YAML, so they always match what you paste.

Inputs
PropertyKindTypeDefault
Items

The slides, as a table with Key, Title, Text, Image (a picture URL, or empty) and Color (a hex used behind the text when there's no picture) columns.

InputTableTable({Key: "welcome", Title: "Welcome to the facilities app", Text: "Raise a request, track it, and see what's booked, all in one place.", Image: "", Color: "#0f6cbd"}, {Key: "rooms", Title: "Book a room in two taps", Text: "Pick a room, pick a time. Projector and chairs come with it.", Image: "", Color: "#7c3aed"}, {Key: "help", Title: "Something broken?", Text: "Photograph it and send it. The desk replies within the hour.", Image: "", Color: "#0e7490"})
AutoPlay

Advances the slides by itself. People can pause it; a screen reader user should be able to, so leave the pause control on.

InputBooleantrue
Interval

How long each slide stays, in milliseconds, when AutoPlay is on.

InputNumber5000
Loop

Goes back to the first slide after the last. Off, it stops at the last and the next arrow is disabled.

InputBooleantrue
ShowDots

Shows a dot per slide under the picture; each is a button to that slide.

InputBooleantrue
ShowArrows

Shows the previous and next arrows.

InputBooleantrue

Guide

Use lcsCarousel for a welcome tour on first run, announcements at the top of a home screen, or a few featured items. Canvas apps have no carousel; the usual build is a gallery turned sideways with no timer, no dots and nothing for a screen reader. This component is the real thing, with the parts that make an auto-advancing banner acceptable:

  • Slides from a table of Key, Title, Text, Image (a picture URL) and Color (a fill behind the text when there's no picture);
  • A timer that advances the slides (AutoPlay, Interval), a pause control so people can stop it, and arrows or dots that stop it when a person takes over;
  • Dots that are buttons to each slide ("Slide 2: Book a room, current") and arrows that disable at the ends when Loop is off;
  • OnChange(Key, Index) when the slide changes and OnSelect(Key, Index) when the slide itself is tapped; Next, Previous, GoTo, Play and Pause from your app;
  • Each slide fades in, and the caption sits over a gradient so white text reads on any picture.

Did it work for you?

No ratings yet.Nobody has said it worked in their app yet.

Sign in to rate it or to say it worked in your app.

Comments

  1. LowCodeStacks teamPinned

    Welcome! A tip: in Studio the timer only runs in preview (F5), so play the app to see it advance. And keep the pause control on whenever AutoPlay is; a banner that can't be stopped fails the accessibility check, and people hate it anyway.

    What are you putting in it: a welcome tour, announcements, featured items? Tell us how many slides and what interval feels right to your people.

Sign in to comment or reply. Comments show under a display name you choose, never your email.