Transition between data iterator

Hello! So I’ve applied the data iterator to show some database records. And I want to do the following things:

First, I want to show only the last 5 records (ordered by date) -not every record i have-

Then, the transition between each record lacks of effects, is any possibility to add something such as fade out - fade in transition?

I used this guide to use the data iterator: https://docs.wappler.io/t/loop-through-database-records-with-the-data-iterator-component/11479

Nothing on this?

I’m on my phone at the moment so I can’t provide screenshots. But as for the five records only there is two ways

1: use a paged query and set limit to five.
2: use a normal query and use the data formatter to set top to five.

For the animation select your detail section and add a animation in the dynamic attributes from the control panel.

Thanks for your reply, question 1 has already been solved before, i forgot to mention it.

As for the animation, I´ve applied the “enter animation” and nothing happened (I´ve tried with the others and the result is the same, the transition is like “static”)

@salvuccicarlos data traversal does not support animations. So these won’t work.

Is there any alternative? The purpose of the data iterator is to show the latest records in a database. Maybe there is other objet that could give me the same result with a transition

Data iterator is used when you need to let the user iterate/navigate through data items with actions like next/previous.

What you need is just a data view where you have the records you need filtered.

Then you can just use the data view as source in a regular repeater, which you can animate.

I need to iterate using next and previous. That’s the issue

What for you need the next and previous? To show the next 5 records?

To change between records

you can use the next/prev page in dataview for navigation as well

1 Like

Ok, so I’ll have to investigate a little more