303
Views
3
Comments
Solved
Image / Carousel height issue
Question

Hi,

How can I make image / carousel fit entire screen in mobile app. When I drag and drop the image / carousel control on to screen, I can only change the width, but it is not letting me change the height. Thanks in advance.

Thank you,

MN

2021-02-26 15-02-11
Dinis Carvalho
Staff
Solution

Hi!

You'll need a bit of CSS to make it fill the Height of the screen,

In the Silk Mobile Samples, you can find an Onboarding screen that does what you need:

https://www.outsystems.com/forge/component/1389/silk-ui-mobile-samples/

My regards

UserImage.jpg
Murthy Nemani

Dinis Carvalho wrote:

Hi!

You'll need a bit of CSS to make it fill the Height of the screen,

In the Silk Mobile Samples, you can find an Onboarding screen that does what you need:

https://www.outsystems.com/forge/component/1389/silk-ui-mobile-samples/

My regards

Thank you Dinis, I found the CSS related to that behavior.

UserImage.jpg
Bram van Mensvoort

To save the hassle for other people, the css is:

.carousel .carousel-container > .carousel-container-content > .list > * {
    height: 100vh;
}

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.