Carousel
6 TopicsUsing Adaptive Cards to display carousels in Health Bot
Can we attach an array of Adaptive Cards using the Dynamic Card, to display as Carousel? I am trying to do something like below in a Dynamic Card, but it just displays empty cards in the carousel. (function(){ var data = ${dataList}; var cards = data.map(function(item) { return { type: "AdaptiveCard", $schema: "http://adaptivecards.io/schemas/adaptive-card.json", version: "1.3", body: [ { type: "Container", isVisible: true, items: [ { type: "Image", style: "person", url: item.imageUrl, altText: item.imageAltText, size: "medium" }, { type: "TextBlock", text: item.title, weight: "bolder", size: "medium", wrap: true } ] }, { type: "ActionSet", actions: [ { type: "Action.OpenUrl", title: "View Profile", url: item.buttonUrl, id: item.buttonId } ] } ] } }); return cards; })(); ${dataList} is an array of objects with properties imageUrl, imageAltText, title, buttonUrl and buttonId. I came across documentation on how to implement this in Copilot Studio - https://learn.microsoft.com/en-us/microsoft-copilot-studio/guidance/adaptive-card-display-carousels Do we have any documentation available for Health Bot as well? Appreciate any guidance !! Thanks, Abhilash129Views1like0CommentsSharePoint Online Communication-Image Gallery-Carousel-Hyperlink
I was wondering whether it is possible to add a hyperlink to each Image in the Image Carousel. So far, I find no place to add a hyperlink. I tried adding an href tag under Caption but it does not work. Kindly Help!8.2KViews0likes5CommentsCarousel Images are 16:9 / 1080 x 1920 and there is a gray band at the bottom of the carousel
Hi, all, I am working on making an "announcement" carousel at the front of my firm's SharePoint page. We wanted the information to show directly on the screen when you log in. I have tried many, many thing. I have tried all the different aspect ratios that I have found online. The default ratio reads as 16:9. I've even seen on https://support.microsoft.com/en-us/office/image-sizing-and-scaling-in-sharepoint-modern-pages-dc510065-b5a5-4654-bc94-e3ecbbb57d8d?ns=spostandard&version=16&ui=en-us&rs=en-us&ad=us the ratio 21:9, which absolutely does not work. Here is a screenshot of the little bottom boarder I am talking about. This is a full 16:9, but I had to cut out some personal information for my sight. Just look at that grey boarder. We want it to blend seamlessly into the webpage's white, but it is looking impossible. Here is another feed with this question, but you can still see the lines in the example sent, and another feed left without a response. Would love if Microsoft would just tell us that it isn't possible. Would love any help that can be provided! Thank you, Noah Jaccard522Views0likes0CommentsModern SharePoint - News web part - Carousel - layout
Hello: In the Modern SharePoint, news web part, carousel - layout issue. I am trying to remove the call to action because it causes a dark shadow at the bottom of my images. I makes all the good images look dreadful. Is there are way to do this?1.4KViews1like1CommentSharePoint list (not site) image carousel
I'm looking for a way to create an image carousel in a list. Currently I have a list that displays an image using: { "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "img", "style": { "position": "relative", "width": "200 px" }, "attributes": { "src": "@currentField" } } What I'd like to do is add links to other images in other columns have have the carousel rotate through the value of the other columns. I found something like this, but can't quite figure out if there's a way to add this type of formatting into the column: { "timeline": { "tracks": [ { "clips": [ { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy1.jpg" }, "start": 0, "length": 2, "effect": "slideLeft", "transition": { "out": "carouselLeft" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy2.jpg" }, "start": 1.4, "length": 2.6, "effect": "slideLeft", "transition": { "in": "carouselLeft", "out": "carouselLeft" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy3.jpg" }, "start": 3.4, "length": 2.6, "effect": "slideLeft", "transition": { "in": "carouselLeft", "out": "carouselLeft" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy4.jpg" }, "start": 5.4, "length": 2.6, "effect": "slideLeft", "transition": { "in": "carouselLeft", "out": "carouselLeft" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy5.jpg" }, "start": 7.4, "length": 2.6, "effect": "slideLeft", "transition": { "in": "carouselLeft", "out": "carouselLeft" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy6.jpg" }, "start": 9.4, "length": 2.6, "effect": "slideLeft", "transition": { "in": "carouselLeft" } } ] } ], "soundtrack": { "src": "https://feeds.soundcloud.com/stream/802202977-unminus-deadfros5h.mp3" } }, "output": { "format": "mp4", "resolution": "sd" } } If there is not a way to use this format, is there a way that I could create a clickable action that rotates through those other columns instead of a fancy carousel? I'm a total noob when it comes to programming but if you give me an example, I can work with that just fine. Thanks.Solved6KViews0likes6CommentsYaY! "THE" ppl born on __/__ carousel is BACK!!!
Thank you! Thank you! Thank you! ***Not only is "THE people born on __/__" carousel back; so is there the ability to change the top portion of your homepage to the/ a current theme! *(hint: there are multiple choices to choose from within the current season!) ***(example shown below)***1.3KViews2likes3Comments