Help needed - again :) - * Demo now added

[brynj]

OK, before i make a cut down demo version can someone just look and see if they see the same as me, to rule out browser/cache influence.

Website: https://wen.gt.tc

'Group Policies' page

Three buttons <Constitution> <Health & Safety> <Risk Assessments>

I have set all the buttons the same so rather than change page one part is replaced by another - the shown part exits right and the new part enters left (using events).

Issue: If Constitution is shown and then select 'Health & Safety' then Health & Safety does not slide in from left, rather it just appears. But if you display 'Risk Assessment' then choose 'Health & Safety' then it scrolls in from left correctly. I have checked all 3 buttons multiple times and the event settings are the same (with the relevant pages shown/hidden) - they all set to hide with effect scroll right and show with effect scroll left.

For now I just need to know if others see the same thing ?

Thanks

[AliGW]

I see a difference in the way items appear. Maybe there's no loop option in whatever you are using to effect this?

[brynj]

The thing I am having a problem with is it works correctly when coming from one button but not the other and as far as I can see they are setup the same.

As i am hiding two pages and showing one (in events) I thought it might be the order in which i had them listed but changing the order does not solve it.

[AliGW]

I think you need a very simple demo file that displays the problem.

[brynj]

Agreed - thanks for confirming i wasn't going mad anyway

Hope this works,
Demo: https://e.pcloud.link/publink/show?code ... 3QTQYl7f7y

[Pablo]

The issue is likely in the logic. In a flexible layout, hiding an element removes it from the document flow, which triggers reflow of the surrounding elements. That reflow interferes with the show/hide animation.
This logic only works correct with absolute positioning, where the element is taken out of the flow from the start, so the animation behaves more predictably.

It may be better to use a Carousel instead and place each item on a carousel slide. Then use events to control the current carousel slide.

[brynj]

OK thanks - I will give it a try.


UPDATE: Think its easier just to keep as it is and not have animation.