Changing the size of images in a carousel

[Xavier U]

I am creating a carousel set to the images property. I inserted the image URL, but now I've found that the images do not stretch across the screen.

I would like the orange image to fit to the width of the screen, just like the blue image at the top of the screen. How do I do this while keeping the image a part of the carousel?

[Evgene Karachevtsev]

Hello Xavier,

You can change picture's width to 100% in the properties of the picture.
Or please write the following code in css:
prediv[dsid="mobilecarousel_X"] img {
width: 100%;
}/pre
Where mobilecarousel_X is the name of your carousel component

[Xavier U]

I've created a new CSS page to insert the code, with "mobilecarousel_24" as the id name, but it has not achieved the desired effect. It seems the scrolling animation is now 100% width of the screen, but the images are still the same size.
Did I do something wrong with the code?:

[Evgene Karachevtsev]

Xavier,

Could you please provide us with the public link to your project?

[Xavier U]

http://appery.io/app/mobile-frame?src...

[Yurii Orishchuk]

Hi Zavier,

Here is solution for you:

1. Set carousel item type = "html" http://prntscr.com/5167rs/direct

2. Put image component inside this carousel tiem.

3. In image component properties set in Dimensions field values "100%", "auto". http://prntscr.com/5167yy/direct

   That's all.

   Regards.

[Xavier U]

Thanks Yurii, that worked perfectly.