Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
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?
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
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?:
Xavier,
Could you please provide us with the public link to your project?
Hi Zavier,
Here is solution for you:
Set carousel item type = "html" http://prntscr.com/5167rs/direct
Put image component inside this carousel tiem.
In image component properties set in Dimensions field values "100%", "auto". http://prntscr.com/5167yy/direct
That's all.
Regards.
Thanks Yurii, that worked perfectly.