I Gonçalo i've checked your exercise and found some issues.
You have in your javascript and CSS some references to the div Id'd like
You have in your javascript and CSS some references to the div Id'd like
#container
$( "#carousel" ).rcarousel({
_total = $( "#carousel" ).rcarousel( "getTotalPages" );
On the divs you have this "Id's" on the field Name of the containers.
Outsystems platform generates the div Ids based on its location on code so the id's will not align with CSS and javascript that you are using.
So how can you solve it:
For the Css you can replace "#container" for a class ".container" that you can use then in the containers on the style field, and this way on JS you can use a selector like " $( ".carousel" ) instead of $( "#carousel" ).
If you realy want to use the Id's, insert the css or JS at the end of your screen inline using an expression with escape content set to no and this way you can use the container Ids in the contest of the page.(you have an example of this on the last image of the exercise).
PS - for this you need to use <style></style> or <script> <\script> sections.
Best Regards
Hugo Catarino
On the divs you have this "Id's" on the field Name of the containers.
Outsystems platform generates the div Ids based on its location on code so the id's will not align with CSS and javascript that you are using.
So how can you solve it:
For the Css you can replace "#container" for a class ".container" that you can use then in the containers on the style field, and this way on JS you can use a selector like " $( ".carousel" ) instead of $( "#carousel" ).
If you realy want to use the Id's, insert the css or JS at the end of your screen inline using an expression with escape content set to no and this way you can use the container Ids in the contest of the page.(you have an example of this on the last image of the exercise).
PS - for this you need to use <style></style> or <script> <\script> sections.
Best Regards
Hugo Catarino