Dynamically change content on the page based on the current data in the content slider

Hey guys!

Currently I am trying to get a text outside of a content slider to display the current data displayed in the content slider.

Basically the data it should update every time I change the slide.

This text needs to be bound to the current data:
Bildschirmfoto 2024-01-17 um 11.17.39

How can I achieve this functionality? The copilot proposed that I could use the event “on slider change” and populate a variable with the current data, but in the workflow panel this event is not available.

Do you guys have any ideas?

Thank you!

Can you show us your layout a bit more? It might be achieved with something else than a content slider

Sure.

This is my layout:

The slider changes in this screenshot the property in the background and all the related data.

Does this help?

Does the layout change on each slide, or does it stay the same with different links and logo?

The layout generally stays the same.
The only thing that changes, is the amount and types of boxes (accordions) in the side menu.

Primarily though, it is about the Logo/ Links/ Text.

In that case, I would probably recommend using Tab element.

You can either:

  • Have one tab element that has the whole layout for a slide
  • Have multiple tab elements for background, top right card, bottom right card, etc linked to the same active index for better transitions

Have you tried our tab element?

So that the active tab fulfills the role of the active slide?
Because I just looked into the tab element for this purpose and could not find the possibility to add tabs dynamically (which is possible using the content slider and necessary for the project:) )

How do you plan to dynamically populate the tabs? From a back-end?

Yes exactly! Using Xano.

Interesting, thanks for sharing the specifics.

We will think about adding the option to dynamically bind tabs.

In the meantime, I would advise trying to build without tabs or sliders, just binding to the XANO collection or having a variable of the active item

Great, thanks Luka!