How to set Materialize Carousel with indicators height to webviewer height

html
webviewer

#1

Hello! I want to include an image-slider with indicators (little dots on the bottom) to my app using the materialize carousel. The webviewer takes 55% of the screen height and the screen should not be scrollable. Also the webviewer should not be scrollable.

My problem is, that the images of the slider are not scaling to the the webviewers height and the indicators are not visible anymore on some devices.

Can anybody help me with setting up the correct html/css code so that the carousel scales nicely within the webviewer.

I hope the attached sample.aia may help to clarify my problem.

Thank you very much in advance!

sample.aia (829.8 KB)


#2

Andreas,

In case you haven’t already read it, you might want to take a look at @Helios’s tutorial on using Materialize with Thunkable at Material design using Materialize. It’s not directly addressing your specific issue but it might help you anyway. Also, in case you haven’t seen it, there’s the Materialize Carousel documentation at http://materializecss.com/carousel.html. Materialize also has a support chat group at https://gitter.im/Dogfalo/materialize and they might be able to help you.

-Mark