Hide show instead of scroll


#1

Hi!
I have an asset grid with a template showing the results from an API request. My template shows one item at a time and clicking the right arrow control scrolls the next item into view.
However, I would like the behaviour to hide the first item and then show the next item rather than scrolling. Is this possible?
/Fredrik


#2

So like a show and hide transition?

You could create a trigger: When asset grid> Next > Toggle Visibility. Animation settings make sure you use the “Reverse at the end” toggle button which will then allow your group/collection appear on screen again

Regards

Louie


#3

Yes, rather than all items are horizontally presented I would like them to be stacked with only one visible. Clicking “next” or > would hide the visible item and show the next.

Is there an example where this behaviour is accomplished using triggers?


#4

Could you not put collection inside a group and you will only show one at a time?

Kind Regards

Louie


#5

Is that possible? I can not find any setting for how many to show?


#6

Are you able to share the XP so i can show you what i mean?

Kind Regards


#7

Hi,

Please see the attached image

One asset grid without a group showing all items

the other showing only one because its being hidden inside a group.

Kind Regards

Louie


#8

My collection is a json answer from a local API so I dont think you could execute it. It is behind firewall :frowning:

Perhaps you could refer me to a link in the documentation describing this?

In the simplest way you can think of this as:

Request to API gets a collection of images. I would like to be able to show each image and then klick next to show the next image in the collection.


#9

Ok, but how would you show the next image in the group and hide the first one? (I cannot know beforehand how many images comes from api)
Also, how to hide all images but the first one.


#10

Because it is inside the group you will only see one at a time, you simply hit next in the assetgrid and the next item will appear.


#11

How will it appear? I do not want the next image to scroll into view.


#12

You want it to fade in?

So simple add a trigger when asset grid is scrolled toggle visibility of group.

Kind Regards


#13

Ok, so I need to hide the scrolling by triggering hide- then when scroll is done I trigger show?


#14

Sorry not toggle visibility its set Opacity.

I am just creating a project


#15

Just tried this, It does not work as i first thought.

I would start a discussion with the support team about this, this maybe a feature they can implement.

It appears that you cannot get away from the scroll effect when using the collection.

Kind Regards

Louie


#16

Ok :frowning:
Thank you anyway - I will see what I can come up with using opacity etc.
/F


#17

Don’t want to derail the thread but …

… when it comes to testing json in API Explorer, a service like Pastebin works like a charm.

And voilà!


#18

Did you try the FlipChart Collection type ?