Is it possible to get the carousel to maximize when you maximize the window?

Currently, the carousel retains its actual size when the window is maximized.

<TelerikWindow @ref="ImageWindow" Class="demo-window" Width="fit-content" Height="fit-content" Centered="true" Modal="true"
        @bind-Visible="@IsImageWindowVisible" FooterLayoutAlign="@WindowFooterLayoutAlign.Start">
    <WindowTitle>
        <strong>View Image</strong>
    </WindowTitle>
    <WindowActions>
        <WindowAction Name="Close"></WindowAction>
    </WindowActions>
    <WindowContent>
        <TelerikCarousel Data="@ListViewData" Width="@(CarouselWidth + "vw")"
                         Height="@("calc(" + CarouselWidth + "vw * .75)")"
                         Pageable="false" LoopPages="false" AutomaticPageChange="false"
                         @bind-Page="@CarouselPageIndex">
            <Template>
                <div class="image-with-text">
                    <p>@(context.Description)</p>
                    <img src="@(context.FileUrl)" alt="ReportImage" />
                </div>
            </Template>
        </TelerikCarousel>
    </WindowContent>
</TelerikWindow>

I'm a newbie about to try putting a carousel in my first app.  I notice, however, that when the carousel loops back to the beginning, the visual appearance truly is of going back to the beginning.  Is there an easy way to make it look, instead, like it's an endless loop?  Obviously the buttons would betray the truth, but the images would appear to move forward continuously.

Thanks!

I want to have a carousel on my page that fades instead of sliding, but there is no parameter that I can find to set this.

The animation container is able to use a fade animation.  https://demos.telerik.com/blazor-ui/animationcontainer/overview

I would want it to function similarly  to bootstraps version of crossfade. https://getbootstrap.com/docs/5.3/components/carousel/ 

Would I be better off trying to customize the existing carousel component somehow? Could the effect I want be achieved with CSS? Do I need to make a feature request, and where would I do that?

Is there a way to do this? Right now, if you have too many, they just run off the screen.

Thanks... Ed

I recall being told I would have access to source code once I buy a licence.

Now that I have a licence, how do I get access to the source so I can do a local build?

I thought this was going to be an easy enough solution to host a component inside a component but it is proving a little more difficult.  In my use case I have several Card components with a data source and template.  Those cards sit in a Blazor Component page.  I want to host those cards inside of a carousel component.  I do not know what to use for the Data property or the template within the Carousel. 

<TelerikCarousel Data=<CardBlazorComponentPage></CardBlazorComponentPage>
                              Width="400px" Height="200px">

   <Template>
       <div class="item"> idk_what_to put in here</div>
   </Template>

</TelerikCarousel>

Would I just put the card logic inside the Template instead of the having its own page.  If I did nest the Card code inside of the Carousels Template tag, what would I use for the Carousels Data property?

Hi,

Im looking to make a carousel but I would like it to show more than 1 item at once   < item1  item2  item3> instead of <item1> and onclick I would get <item2 item3 item4>